newbie question - unable to change...

User 2819496 Photo


Registered User
5 posts

Hello,

I wanted to redesign list items of an unordered list
but was NOT able to change the font color.
At the same time I WAS able to change other design attributes like
font, font weight, font size, italic, background color (...).

What might I have done wrong ?
(RSD Version 1.2 Build 958)

Kind regards!


User 10077 Photo


Senior Advisor
1,096 posts

How did you try to change the font color?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 303390 Photo


Registered User
97 posts

1. Use the inspector and click on List Item (of your unordered list)
2. Click the Design and under style...apply to...change to TYPE (this will make all list items the same color)
3. Change the font color under typography.
User 303390 Photo


Registered User
97 posts

You can't change the font color on the unordered list because CSS only has it on the list items and so you must change them instead. That is why RSD didn't display it as an option for unordered list.
User 303390 Photo


Registered User
97 posts

For more information on CSS list properties (and others...) try:

http://www.w3schools.com/css/css_list.asp
User 232214 Photo


COO
827 posts

Webby wrote:
You can't change the font color on the unordered list because CSS only has it on the list items and so you must change them instead. That is why RSD didn't display it as an option for unordered list.

Yes, sorry for the late response, you are totally right here. The fast & easy way of doing this is using the type selector when defining styles for list items (and any other element for that matter...:P), this will apply the styles to all list items by default. Then use classes for style variations etc.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2819496 Photo


Registered User
5 posts

Thanks for your support!!

With your help I was able to remedy the situation by
1) deleting the class from the list items
2) design for the list-item type
3) reassign my list-item class and design for that class (variation).

The lesson I have learned here is to strictly follow the "specialization protocol"
design for type -> maybe class -> maybe id.

The thing that confused me in my first (class-based) attempt was
that in the design/typography section for the *list-item*
I *was* able to change font, font size, italic etc. for the list-item (class)
but not the the font color.

Kind regards!
User 232214 Photo


COO
827 posts

asics wrote:

The lesson I have learned here is to strictly follow the "specialization protocol"
design for type -> maybe class -> maybe id.

That's it! :):):cool::cool:

Here's one variation:

design for type -> maybe class -> maybe multiple classes -> maybe id.

The multiple classes are for a variation of a class. Just be sure to work on the element with the 'master class' for changes that will need to apply to all elements using that class EXCEPT on the properties that have been specified for an element with multiple classes.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 303390 Photo


Registered User
97 posts

I hope in future videos on RSD that they start to use this "GENERAL" (type) to "SPECIFIC" (class->ID) idea for the properties. Most videos have been strictly class which tends to cause problems especially for beginners.
Maybe the mention of the color used in RSD on type and properties would be a good idea too.

"GENERAL" ------------------------------------------------------------> "SPECIFIC"
design for type -> maybe class -> maybe multiple classes -> maybe id.

The multiple classes are for a variation of a class. Just be sure to work on the element with the 'master class' for changes that will need to apply to all elements using that class EXCEPT on the properties that have been specified for an element with multiple classes.[/quote]

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.