Support Forum

Difficult to read font color on Fools Gold overlay

NI Nichlas Ilsoee
Nichlas Ilsoee
Member

As you will see from the attached pictures, the dark-grey font color doesn’t go well with the background color of the overlay – but we would love to use this overlay for our forum. Is this possible to remedy? I saw in the Codex theme overlay gallary that the Fools Gold overlay has a yellow-goldish font color instead of the dark-grey font we have.

Also, in the avatar upload panel, the yellow text is a bit hard to read since half of it falls into the white background as you will see in the second picture. Can we do something about this as well?

Link to forum: http://beyondanaveragelife.com/forums/

Thanks in advance.

Forum-Picture-1.PNGForum-Picture-2.PNG

7 Answers

New Answer

MP Mr Papa
Mr Papa
Member

looks like some theme colors from your wp theme are bleeding through to the forum…

on styles.css line 1360, this css is driving:

p, ul, ol {
    color: #666666;
}

so seems in this case, the reset.css for the theme/overlay is not cutting it for you… 

see: http://codex.simple-press.com/codex/themes/theme-basics/creating-a-theme/

to create your own theme from this one and then edit the reset.css file and give it a better default color…

NI Nichlas Ilsoee
Nichlas Ilsoee
Member

Mr Papa said
looks like some theme colors from your wp theme are bleeding through to the forum…

on styles.css line 1360, this css is driving:

p, ul, ol {
    color: #666666;
}

so seems in this case, the reset.css for the theme/overlay is not cutting it for you… 

see: http://codex.simple-press.com/codex/themes/theme-basics/creating-a-theme/

to create your own theme from this one and then edit the reset.css file and give it a better default color…

Thank you for the reply.

After managing to create my theme as outlined in the article you linked to, I’ve been playing around with the reset.css, the fools-gold.php file as well as the theme php file itself, without success. I will have to add that I am pretty new to messing around with coding, it’s like a foreign language to me.  

I’m uncertain what to do from here. Do you have any other tips?

MP Mr Papa
Mr Papa
Member

in the main style css file mytheme.php, add this

#spLoggedInOutLabel p {
  color: #ffcc00;
}

should fix up that one…

NI Nichlas Ilsoee
Nichlas Ilsoee
Member

Mr Papa said
in the main style css file mytheme.php, add this

#spLoggedInOutLabel p {
  color: #ffcc00;
}

should fix up that one…

It works like a charm, thank you so much!

Now, I don’t want to keep taking up your time, but would a similar fix be possible for the dark text in the second picture (the ‘Edit Avatar’ panel)? If so, that would be perfect and very much appreciated. 

MP Mr Papa
Mr Papa
Member

most of the browser today have built in inspectors that let you inspect the css and what if changes real time… its great for tweaking these kinds of issues…

but try

#spProfileData li,
#spProfileData p {
     color: #ffcc00;
}

 

NI Nichlas Ilsoee
Nichlas Ilsoee
Member

Mr Papa said
most of the browser today have built in inspectors that let you inspect the css and what if changes real time… its great for tweaking these kinds of issues…

but try

#spProfileData li,
#spProfileData p {
     color: #ffcc00;
}

 

Excellent! It all worked out; and due to you mentioning the CSS Inspector I’ve learned something valuable at the same time, enabling me to change some other colors. Thanks a ton for the help :)  

YS Yellow Swordfish
Yellow Swordfish
Member

Yes – the html and CSS inspectors are a great boon to development!