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 » Center area post/pages »

[SOLVED] Change text color for post headlines in 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 Jul 30, 2012, 12:51 PM
adrian29630
 
32 posts · Sep 2011
I am using a widget called Category Posts to display latest posts in a sidebar. The color of the Headline (Post Title) is displaying in a "grey" color which is not particularly clear against the blue background so I want to change it. I tried adding the following css to the inserts:-
HTML Code:
div#cat-post-item .post-title {
	color: blue !important;
}
But it did not work.

Can you advise if it is possible to change the text color and if so the right css insert to use to enable this to work.

The site is http://www.juandolioliving.com You can see the entries on the left column under heading "Latest Posts"
Wordpress 3.4.1
Atahualpa 3.7.7

Thanks in advance

Adrian

Last edited by juggledad; Jul 30, 2012 at 02:01 PM.
  #2  
Old Jul 30, 2012, 02:00 PM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
where did you get the CSS selector
HTML Code:
div#cat-post-item
from?
  #3  
Old Jul 30, 2012, 07:19 PM
adrian29630
 
32 posts · Sep 2011
By looking at the following in chrome:-
<li class="cat-post-item">
<a class="post-title" href="http://www.juandolioliving.com/sports-writers-golf-cup-august-18-at-metro-links/2012/07/" rel="bookmark" title="Permanent link to Sports Writers Golf Cup August 18 at Metro Links.">Sports Writers Golf Cup August 18 at Metro Links.</a>
  #4  
Old Jul 30, 2012, 07:22 PM
adrian29630
 
32 posts · Sep 2011
Sorry I should have mentioned it's the "Sports Writers Golf Cup August 18 at Metro Links" text I want to change the color of.
  #5  
Old Jul 30, 2012, 07:38 PM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
Can you explain, in English, what 'div#cat-post-item' says, what it applys to?
  #6  
Old Jul 30, 2012, 07:54 PM
adrian29630
 
32 posts · Sep 2011
I did try without the "div" to start with but that did not work either and misread the closing div above on the widget title. I would normally use Firefox to look these things up but for some reason when I refresh the page it never reappears so have tried using chrome but not fully use to it as yet!!
  #7  
Old Jul 30, 2012, 07:56 PM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
But what does that statement say in english?
  #8  
Old Jul 30, 2012, 08:18 PM
adrian29630
 
32 posts · Sep 2011
Not sure I can explain in English but thought the "#cat-post-item" was the ID and the ".post-title" was the class as in this example:- #para1
{
text-align:center;
color:red;
}
but I guess I am barking up the wrong tree
  #9  
Old Jul 31, 2012, 03:26 AM
juggledad's Avatar
juggledad
 
20,010 posts · Mar 2009
OSX 10.6.8/10.7.3 WP 2.8.x/2.9.x/3.x Atahualpa 3.5.x/3.7.x Safari 5.x Firefox 11 XP
You said you have
HTML Code:
<li class="cat-post-item">
In this case 'cat-post-item' is a class not an ID and this is an li not a div
  #10  
Old Jul 31, 2012, 12:39 PM
adrian29630
 
32 posts · Sep 2011
Ok....Got it now or at least this works lol!


#categoryposts-2 .post-title {
color: blue;
}

Thanks for the lesson; as you say so rightly better to teach than just provide an answer. I will now know where to look properly for the correct items for both the ID and Class. I think what confused me was fact that both cat-post-item and post-title were shown as "class" and I didn't look back far enough to spot the ID. Mind you it was 11.30pm so maybe I was just too tired to think clearly!!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Add text to post-headlines?? mariusanhalt Center area post/pages 2 Aug 8, 2011 05:59 AM
how to change Post/Page title text color Atahualpa cowboy Header configuration & styling 3 Jan 25, 2011 08:29 AM
Changing color of ALL but body text - headlines, "Read more" text, etc. satori Center area post/pages 3 Sep 18, 2010 06:47 AM
[SOLVED] Change color of title text in sidebar text widget Andante Sidebars & Widgets 3 Feb 1, 2010 06:12 PM
Change Text Color of Right Sidebar entries and Widget Titles rhythm Sidebars & Widgets 0 Jan 12, 2010 04:34 PM


All times are GMT -6. The time now is 09:41 PM.


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