Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] Changing text color of a single widget


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Nov 9, 2009, 01:35 PM
thesis
 
46 posts · Nov 2009
[SOLVED] Changing text color of a single widget

Hello,

I need to change the text color in just a single one of my widgets. Its the 'News' widget on the homepage, which needs to be with blue text: http://twh.net.au/pp/

I found another post which a similar question, and using the information there I managed to change the title/headline color. But I'm having a lot of trouble getting it to work with the body text (on my site its currently in dark red, but should be blue).

Heres the post I found: http://forum.bytesforall.com/showthread.php?t=727

So I added this to my CSS inserts to change the headline color:

div#categoryposts-8 div.widget-title h3 {
color: #006699;
}

But this doesn't seem to work for the body text. I know that I need to replace "div.widget.title" with the relevant code. I have already looked in Firebug and tried the various things I can see there, such as "cat-post-item", "post-title" but its not working.

Am I on the right track?
  #2  
Old Nov 10, 2009, 04:16 AM
juggledad's Avatar
juggledad
 
22,240 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try
div#categoryposts-8 ul li.cat-post-item {
color: #006699;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 10, 2009, 05:49 AM
thesis
 
46 posts · Nov 2009
hi Juggledad, I really appreciate your help.

Your suggestion didn't actually make the text blue, but it DID help me to understand the code a lot better and look in the right place! So I tried a few other things and this is what finally worked:

div#categoryposts-8 ul a.post-title {
color: #006699;
}

Again, thanks for your help!
  #4  
Old Jan 12, 2010, 06:36 AM
thesis
 
46 posts · Nov 2009
Hiya,

I'm bumping this thread, because the problem has reared its head again. Heres the site:

www.proportionfoundation.org

The problem is in the headline and the underline of the 'News' widget on the homepage. They should both be blue, which I managed to solve originally using a CSS insert (see thread above). This worked fine until there was a news item added, which caused both headline/underline to revert back to default color.

I checked in the code and the DIV element is still named the same as before (categoryposts-8), so thats not the problem...
  #5  
Old Jan 12, 2010, 06:44 AM
juggledad's Avatar
juggledad
 
22,240 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Actually this is a different issue. Your first issue was dealing with the color in the widget on the home page.
If you want the post titles to be blue, just go to 'ATO->Style POSTS & PAGES->HEADLINE Box: Text' and add color: #006699;
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jan 13, 2010, 01:41 AM
thesis
 
46 posts · Nov 2009
I think you interpreted that I wanted to change the headline color of the posts/pages.. but I'm actually dealing with the News widget on the homepage.

Right now the 'News' headline and the underline is orange, which is my theme setting for headlines. I'm trying to change this to blue (but only on the News homepage widget)

I have managed to do this before with a CSS insert, but for some reason it stopped working as soon as there was a news item added, and changed back to the default orange.

Here is the code I'm using:

div#categoryposts-8 div.widget-title h3 {
color: #006699;
}
div#categoryposts-8 ul a.post-title {
color: #006699;

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing font color in the Upcoming Events/Calendar widget missmacphisto Sidebars & Widgets 3 Feb 1, 2010 12:39 AM
[SOLVED] Unable to change font color of Tubepress widget text Topcat1 Plugins & Atahualpa 10 Oct 28, 2009 10:16 PM
changing the background color of the main menu widget tenn10 Sidebars & Widgets 1 Oct 27, 2009 12:06 PM
Changing the links default title text to an image jpg of text veenublue Sidebars & Widgets 2 Jun 5, 2009 06:05 AM
Changing a widget display from block to inline (Twitter Text Widget) Flur Sidebars & Widgets 2 May 7, 2009 11:45 AM


All times are GMT -6. The time now is 02:05 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.