Community Forums › Forums › Archived Forums › Design Tips and Tricks › News Theme: Change Font Color in Sidebar
Tagged: featured widge amplified, News Theme
- This topic has 25 replies, 2 voices, and was last updated 11 years, 3 months ago by raunekk.
-
AuthorPosts
-
January 1, 2013 at 11:52 am #8745raunekkParticipant
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
January 1, 2013 at 11:55 am #8746Jon WeissMemberWithout 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.
January 1, 2013 at 11:58 am #8748raunekkParticipantI 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
January 1, 2013 at 12:01 pm #8749Jon WeissMemberSorry, that should go in your style.css file.
January 1, 2013 at 12:18 pm #8753raunekkParticipantI 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
January 1, 2013 at 12:20 pm #8754Jon WeissMemberYou 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,
January 1, 2013 at 12:26 pm #8756raunekkParticipantTried what you asked. Nothing happened !!
January 1, 2013 at 12:27 pm #8757Jon WeissMemberI 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.
January 1, 2013 at 12:30 pm #8760raunekkParticipantI had done it, but as nothing happened, I removed it.
But now I have put it again. Kindly check.
January 1, 2013 at 12:40 pm #8763Jon WeissMemberIt 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;
}
January 1, 2013 at 12:46 pm #8766raunekkParticipantI did what you asked me too... but I dont see any changes...Is it because of the cache plugin?
January 1, 2013 at 12:49 pm #8767Jon WeissMemberI'm still seeing the other code in there. Try turning off the cache plugin
January 1, 2013 at 12:53 pm #8769raunekkParticipantdisabled the plugin, but still the same!!
January 1, 2013 at 12:58 pm #8774Jon WeissMemberSorry, I missed a zero.. it needs to be ff0000 (which is just a red test color) rather than ff000 then it will work.
January 1, 2013 at 1:01 pm #8775raunekkParticipantStill the same !! 🙁
January 1, 2013 at 1:05 pm #8779Jon WeissMemberOn my end they are red now. Try refreshing your browser's cache.
January 1, 2013 at 1:05 pm #8780Jon WeissMemberAlso 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.
January 1, 2013 at 1:12 pm #8782raunekkParticipantYes 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
January 1, 2013 at 1:16 pm #8784Jon WeissMemberYes, just change the color for the a:hover attribute.
January 1, 2013 at 1:25 pm #8788raunekkParticipantI Chang this:
h2 a:hover {
color: #333;
text-decoration: none;Nothing happened
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.