If you place this in Custom CSS .widget h3:before {color: #fafafa}
it will change those icons to the color of the background rendering them invisible. Alternatively you can try this .widget h3:before {color: transparent} which makes the icons transparent so it doesn’t matter what color the background is. I’m not sure how well supported transparent
is in older browsers.
Man I don’t know whats up but other than the code for change the theme background none of the code I add to the custom CSS box is working.
Sounds like you may have errors in your custom CSS – a link to your site would allow someone to look at that – or check your CSS here:
http://jigsaw.w3.org/css-validator/
Just ran it through css-validator got error galore!
Think I’ll just switch themes… Thanks for all the help!
LOL – sorry, actually not all errors are a problem – so don’t worry about most of those. But where are you making these CSS changes? Or can you copy here (use the code buttons) what’s in that box?
Cross-posted with you – ALL themes will show errors – it’s because of changing code standards and/or browsers differences – so this theme isn’t really the problem.
Also, make sure you are clearing any caching on your site and in your browser after making changes.
He had been making the changes in the Custom CSS of the Customiz’it! menu. For some reason they weren’t all taking.
I cleared the cache a couple of times and nothing.
Can you just copy that code here- I can’t see the image that well.
body{
background: #FAFAFA;
}
header.tc-header {
background: none;
}
.format-icon:before {
.widget h3:before {color: #fafafa}
The problem is this stray (invalid) code .format-icon:before {
is invalidating any CSS after it. So remove that line.
You’re also missing a semi-colon in this line – which should also be formatted better – not wrong but easier to see/better practice.
.widget h3:before {
color: #fafafa;
}