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 » Header configuration & styling »

Help changing Header styles


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 Feb 20, 2009, 09:26 AM
Shepherd Jim's Avatar
Shepherd Jim
 
301 posts · Feb 2009
Bristol, midcoast Maine USA
Help changing Header styles

We're trying to remove/reduce the large space placed after headings. We'd like the regular body text to start pretty much immediately following an <h4> (for instance). We like that there be space ABOVE the headings.

I thought that inserting

"h1, h2, h3, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}"

into "CSS Inserts" would override the "margin-bottom: 10px;" I'd found in the "style.css" file, but the space following the <h4>'s is still there.

Do I have to actually edit the "style.css"? Should we EVER be making changes to "style.css"??

I am having fun! Despite what's thought about us "old dogs" -- we can learn a new trick now and then AND we really enjoy the process!
  #2  
Old Feb 20, 2009, 11:19 AM
Flynn's Avatar
Flynn
 
3,765 posts · Oct 2008
Munich, Germany
You should not edit style.css if possible. CSS Edits should always overwrite style.css

Even if the margin is 0, h1-6 heading still have a minimum space around them. Add line-height: value; or negative margins margin-bottom: -5px; to further decrease the margin below/above headings

I am using a single heading type (h2) in the following example as you probably wouldn't want to give all heading h1-h6 the same line height:
HTML Code:
h2 {
line-height: 0.8;
}
The value can be just a number (x times of normal), px or em.

To limit the style to the content of post/page bodies:

HTML Code:
.post-bodycopy h2 {
...
}
or

HTML Code:
.post-bodycopy h2,
.post-bodycopy h3,
.post-bodycopy h4,
.post-bodycopy h5 {
...
}

Bookmarks

Tags
header, margin-bottom

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to change headings styles dorigen Atahualpa 3 Wordpress theme 25 Jul 21, 2010 11:54 PM
Changing H1, etc. Used to be in styles.css coop42 Header configuration & styling 1 Jul 10, 2009 03:09 PM
changing header link jamie Header configuration & styling 7 May 31, 2009 06:12 PM
Changing the rss and comments icons in the header section barefaced RSS, Feeds & Subscribing 0 Mar 14, 2009 08:52 AM
Additonal question about changing header clarissahulsey Header configuration & styling 1 Feb 13, 2009 07:18 PM


All times are GMT -6. The time now is 09:46 AM.


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