- This topic has 25 replies, 2 voices, and was last updated 13 years, 6 months ago by
.
-
Posts
-
Hello,
I am using Genesis Featured Widget Amplified to display posts on my website sidebar.
How do I change the color of the article "titles" in the sidebar from black to blue?
Thanks in advance
Raunek k
Without seeing your site, I'm assuming this would work:
#sidebar .widget h4, .widget-area h4 {
color: #000;
}
Change the "#000" to whatever color you'd like. If that doesn't work please provide a link to your site so I can see it in action.
I am sorry I missed it.
It's http://www.marineinsight.com
Where should I make the changes and in which file of the plugin?
Thanks
Sorry, that should go in your style.css file.
I tried to make the changes, but nothing happened!
However, I am not able to find in my CSS the exact code which you have mentioned
You wont find that code because I was providing a new snippet for you to copy and past in there. Let's try this instead:
Locate the following code:
.widget h4, .widget-area h4 {
text-transform: uppercase;
}
and make it look like this:
.widget h4, .widget-area h4 {
text-transform: uppercase;
color: #ff0000;}
Lets see if that does the trick,
I don't see that you placed what I provided anywhere in your style.css file. Make sure it's saving, or that your in the proper file.
It worked, but I just realized you asked to change the article titles, not the widget titles. So lets try this instead:
Add the following to your style.css file:
.sidebar .featuredpost h2, .sidebar .featuredpost h2 a{
color:#ff000;
}
I'm still seeing the other code in there. Try turning off the cache plugin
Sorry, I missed a zero.. it needs to be ff0000 (which is just a red test color) rather than ff000 then it will work.
On my end they are red now. Try refreshing your browser's cache.
Also you'll want to remove the color from:
.widget h4, .widget-area h4 {
color: #FF0000;
text-transform: uppercase;}
so the widget titles are back to normal.
Yes I can see that now !! 🙂
Thank you.
Is there a way, in which when I can change the color to black when hover.
Just like copyblogger.com/blog
Yes, just change the color for the a:hover attribute.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.