StudioPress Community Forums

StudioPress Community Forums (http://www.studiopress.com/support/index.php)
-   General Discussion (http://www.studiopress.com/support/forumdisplay.php?f=7)
-   -   How to change post title color in child themes? (http://www.studiopress.com/support/showthread.php?t=33186)

vcommission 07-18-2010 10:06 AM

How to change post title color in child themes?
 
Hi
I want to change my post title color to some other color than dark grey which it is now.
Can you please tell me how to do it in child themes and also in non child thems.

Thanks

SoZo 07-18-2010 12:10 PM

I use the Firebug add on for Firefox. It enables you to right click on any element to determine its associated selector, a.k.a. style. Once you've determined that you go into the style sheet and find the selector and edit the values.

CharlesClarkson 07-18-2010 12:12 PM

Quote:

Originally Posted by vcommission (Post 170433)
I want to change my post title color to some other color than dark grey which it is now.
Can you please tell me how to do it in child themes and also in non child thems.

Edit the background properties in the style sheet in the theme. Using Firebug can hasten the result.


HTH,

vcommission 07-18-2010 05:06 PM

Quote:

Originally Posted by CharlesClarkson (Post 170466)
Edit the background properties in the style sheet in the theme. Using Firebug can hasten the result.


HTH,

Thanks for the reply.
However, I could not change the color of the post title. I did what ever is mentioned here as per my understanding but no results.

I downloaded firebug and right clicked on the post title and checked its css and then went to stylesheet and looked for the same code. I found the code but and changed the 'h1' color:#333333 to my liking but nothing changed.

Can you please put some light on it.

This is what I edited in stylesheet css-

/***** Headlines ********************/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #header .widget-area h4 {
color: #333333;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
}

#content h1 {
font-size: 20px;
}

I edited the above to-

/***** Headlines ********************/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #header .widget-area h4 {
color: #000000;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
}

#content h1 {
font-size: 20px; color: #000000;
}

I guess I have done something wrong. So please can you put some more light to it. Thanks

SoZo 07-18-2010 05:48 PM

what is your URL?


All times are GMT -5. The time now is 04:22 PM.

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