Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   text styling in pages (http://forum.bytesforall.com/showthread.php?t=1277)

tomhypno Apr 15, 2009 01:44 PM

text styling in pages
 
were can i change the colour of the text in the pages?

what i would like is to have different coulors fo h1 and h2 and paragraph text

what is a kicker?

eyup Apr 16, 2009 09:50 AM

Body text colour can be changed in the 'Body, Text & Links' options.

But I've done this for the h's by changing the Stylesheet 'style.css' - changed font sizes, weight etc...:

h1 {font-size: 30px; font-weight: normal; line-height: 120%; color: #ff6600;}
h2 {font-size: 20px; font-weight: normal; line-height: 120%;}
h3 {font-size: 18px; font-weight: normal; line-height: 120%;}
h4 {font-size: 16px; line-height: 120%;}
h5 {font-size: 14px; line-height: 120%;}
h6 {font-size: 12px; line-height: 120%;}

Unless there's a better way?

bcorrigan Apr 16, 2009 10:59 AM

I try always to avoid editing Flynn's wonderful files. When you do, you have to change the files again when he updates them, and he may do something different that will make you do all your work over again.

One of the best features of this theme is the ability to add html, javascript, css and in the different parts of the Web page.

So I recommend you put all that code in the CSS inserts.

eyup Apr 16, 2009 11:05 AM

Ah Ha - So I presume the above format would work fine ans simply over rides the stylesheet?

Flynn Apr 16, 2009 07:25 PM

Yes, the CSS inserts override everything. If they don't it may be due to:

  • The existing CSS rule is more specific, i.e. widget.classname li than yours, i.e. widget li
    -> make yours more specific, too, by adding classes and/or ID's to your selectors where available
  • The existing CSS rule uses an ID selector#id { }, whereas yours only has classes selector.class { }
    -> add an ID, too, if the element you want to style (or at least one of its parent elements) has an ID
  • If nothing helps
    -> add !important after each one of your rules: selector {property: value !important; }


All times are GMT -6. The time now is 01:42 AM.

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