Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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


  #1  
Old Jul 30, 2012, 12:51 PM
adrian29630
 
39 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
where did you get the CSS selector
HTML Code:
div#cat-post-item
from?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 30, 2012, 07:19 PM
adrian29630
 
39 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
 
39 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Can you explain, in English, what 'div#cat-post-item' says, what it applys to?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jul 30, 2012, 07:54 PM
adrian29630
 
39 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
But what does that statement say in english?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Jul 30, 2012, 08:18 PM
adrian29630
 
39 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Jul 31, 2012, 12:39 PM
adrian29630
 
39 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



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:07 AM.


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