I’m having difficulty locating the appropriate CSS to eliminate what I think is a text-shadow applied to the font in the list items under RECENT, ARCHIVE and CATEGORY where blog posts are listed in a sidebar navigation widget. Check out the odd looking text on the right side POSTS menu at:
twinbranchbiblechurch.org.
Is there a CSS line that will alter ALL of the list items under all three categories? I can manage to clean up the shadow (or whatever it is) under the RECENT posts in the Inspect elements feature, but it only affects that list of items. The other two are still barely readable.
Thanks.
Daniel Boes
Hi There,
Thanks for writing in!
Please add this CSS to your theme option global CSS and let us know how this goes.
.widget {
text-shadow: none !important;
}
.widget ul li a {
color: #fff !important;
}
If you want not to change the color of the font you can ignore the second CSS.
Thanks
Yes! That fixed the issue. However, it also affected the hover behavior–namely, on hover the background color is changed to the same color as the font, which, of course, makes the font “invisible” when I hover over the menu. I’m going to try to figure it out, but if you have further advice, please let me know.
And thank you!
Daniel
Hi Daniel,
To change the text color on hover, you can add this in Theme Options > CSS
.widget ul li a:hover {
color: #000 !important;
}
Hope that helps
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.