PDA

View Full Version : Style Variables Assistance


Amaury
04-05-2012, 10:58 PM
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.

http://i101.photobucket.com/albums/m62/AmauryGarcia/Messages1.png

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

http://i101.photobucket.com/albums/m62/AmauryGarcia/Messages2.png

Thanks!

SEOvB
04-07-2012, 01:13 AM
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
04-07-2012, 01:35 AM
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
04-07-2012, 01:43 AM
Sorry, the code I gave was more theoretical than practical.

This should work:

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

Amaury
04-07-2012, 01:54 AM
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
04-07-2012, 01:57 AM
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