Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] How can I change the h1, h2 and h3 font size in the body of a page/post? (http://forum.bytesforall.com/showthread.php?t=15644)

acalem Oct 13, 2011 02:28 PM

[SOLVED] How can I change the h1, h2 and h3 font size in the body of a page/post?
 
Hi,

I have changed the font size of post and page headlines in Atahualpa 3.7.1 to something smaller than the default value, as I found them to be too big. However, now in the body of "page" pages the h1, h2 and h3 font sizes are all disproportional when compared to the page title font size (h1, h2 and h3 now look too big).

How can I change those values? I realize that this might NOT be an Atahualpa question, but I'm quite new to CSS and have absolutely no clue how to change this. Any help or link to an external info source will be greatly appreciated!


Thanks

acalem Oct 14, 2011 04:20 AM

OK, so after reading a lot on css and being more confused than ever, I realize that you can define this through css.php. However, the only reference I found to h2 and h3 was:

/*
h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }
*/

and changing the font size here produced no result. Please note that I am creating content on pages, not posts, and am using h2 and h3 in the body.

Is this really such a hard thing to change? :confused:

juggledad Oct 14, 2011 05:12 AM

you don't need to change css.php in fact you shouldn't. If you want to add or override CSS just put it in the theme option CSS Inserts (it is worth it to look thru all the theme option pages)

you can use the class 'page' in a css selector to apply it to pages so you could put
HTML Code:

.page h1 { font-size: 48px; line-height: 1.2; margin: 0.3em 0 10px; }
.page h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
.page h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
.page h4 { font-size: 19px; margin: 1.33em 0 .2em; }
.page h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
.page h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }

and control the settings for the sizes that aren't the title.

acalem Oct 14, 2011 07:23 AM

WOW! That did it! I only had to change the values in the "Add HTML/CSS Inserts".

Many thanks for your help!

(topic can be closed)


All times are GMT -6. The time now is 03:08 AM.

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