Looking for help to change the text color in a theme

[OSLSJan]

I have tried what I am comfortable changing and that made no difference at all. 

You can find the gallery here:  OSLS Gallery  and the problem is with the gray text on the black button/bar.  It is very hard to read for those of us with aging eyes.

The forum is set for a grand opening on 1 Feb and it would be nice to get it changed by then.  It is functional at the moment as is.

Thank you,
Jan

[phill104]

The change is very simple. Would you like me to move this to the theme section where I can detail how you can change it?

[OSLSJan]

That would be wonderful!  Thank you so much.

[Jeff Bailey]

In your custom themes style.css
change the color attribute in all the alblink a styles:

Code Select Expand


.alblink a {
    text-align: center;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px;
    color: #484848;
}

and the color attribute here:

Code Select Expand


.tableh1 {
    background-color: #1e1e1e;
    text-align: center;
    font-size: 15px;
    border-bottom: 3px solid #cbcaca;
    line-height: 120%;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #484848;
    padding: 10px;
    -webkit-box-shadow: inset 0px 0px 20px 0px #181818;
    box-shadow: inset 0px 0px 20px 0px #181818;
}

and here:

Code Select Expand


.statlink {
    font-size: 15px;
    text-transform: uppercase;
    color: #484848;
}


I think that should catch all the grey on black.

[OSLSJan]

Thank you so much for taking the time to help.  It is fixed and now very kind to our eyes!

[phill104]

From my browser it looks like you still have a few elements to adjust as not all headers are showing white. As Jeff so kindly suggested, there are a few places where that grey appears. You could using a text editor search for #484848 and replace it with #FFFFFF using the find and replace facility of your text editor to change all instances of that grey to white. If it were me there are a couple of other colours I would adjust for readability too.

[Jeff Bailey]

I did miss some, Thanks Phill!

Code Select Expand


.sysmenu a:hover {
    background-color: #292929;
    padding: 10px;
    opacity: .85;
    color: #484848;
    text-transform: uppercase;
}


[phill104]

Thank you Jeff, hard to work from a poxy windows phone my end.