forum.coppermine-gallery.net

Support => cpg1.5.x Support => cpg1.5 themes (visuals) => Topic started by: OSLSJan on December 29, 2015, 08:58:22 pm

Title: Looking for help to change the text color in a theme
Post by: OSLSJan on December 29, 2015, 08:58:22 pm

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

You can find the gallery here:  OSLS Gallery (http://www.ohsnapletsscrap.com/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

Title: Re: Looking for help to change the text color in a theme
Post by: phill104 on December 29, 2015, 09:23:04 pm

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?

Title: Re: Looking for help to change the text color in a theme
Post by: OSLSJan on December 29, 2015, 10:34:05 pm

That would be wonderful!  Thank you so much.

Title: Re: Looking for help to change the text color in a theme
Post by: Jeff Bailey on December 29, 2015, 10:51:13 pm

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

Code: [Select]

.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]

.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]

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

I think that should catch all the grey on black.

Title: Re: Looking for help to change the text color in a theme
Post by: OSLSJan on December 30, 2015, 03:10:15 pm

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

Title: Re: Looking for help to change the text color in a theme
Post by: phill104 on December 30, 2015, 10:01:44 pm

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.

Title: Re: Looking for help to change the text color in a theme
Post by: Jeff Bailey on December 30, 2015, 11:34:19 pm

I did miss some, Thanks Phill!

Code: [Select]

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


Title: Re: Looking for help to change the text color in a theme
Post by: phill104 on December 31, 2015, 02:21:04 pm

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