Style Variables Assistance

[Amaury]

Anyone know what changes this? It's not a big deal on our default Dance of the Dream Eater style or other dark styles since it's the shade we want it (white), but on styles with lighter or brighter headers, there are text visibility issues.

I've looked through all color variables and can't seem to find it.



Here's an example using a style where it's hard to see:



Thanks!

[SEOvB]

Hi There,

I've always had issues with this as well. My solution has been to add a line to the additional.css template for each instance of this type of issue. You can reference a style variable in the template itself, for which color the text will be, if you want to practice good standards.

e.g. dl.stats dt.folder_count {color: {vb:stylevar [name_of_stylevar]}}

Hope someone else has a better solution, because this had been bugging me for a year now.

-Nick, SEOvB Developer

[Amaury]

Originally Posted by SEOvB

Hi There,

I've always had issues with this as well. My solution has been to add a line to the additional.css template for each instance of this type of issue. You can reference a style variable in the template itself, for which color the text will be, if you want to practice good standards.

e.g. dl.stats dt.folder_count {color: {vb:stylevar [name_of_stylevar]}}

Hope someone else has a better solution, because this had been bugging me for a year now.

-Nick, SEOvB Developer

Let's say we want black. Would this be right?

dl.stats dt.folder_count {color: #000000 {vb:stylevar [body_color]}}

[SEOvB]

Sorry, the code I gave was more theoretical than practical.

This should work:

.block dl.stats .folder_count {color: {vb:stylevar body_color}}

[Amaury]

Originally Posted by SEOvB

Sorry, the code I gave was more theoretical than practical.

This should work:

.block dl.stats .folder_count {color: {vb:stylevar body_color}}

Where do you specify the color?

[SEOvB]

The color is specified in the appropriate style variable. You can use whatever style variable you want.

AdminCP->Styles & Templates->Style Manager->(Select "Style Variables" in the dropdown from the style you want to edit). The stylevar names are all listed on the left.

-Nick, SEOvB Developer