- This topic has 2 replies, 2 voices, and was last updated 7 years, 6 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Header height change’ is closed to new replies.
Home › Community Forums › Legacy Theme Support › Header height change
Tagged: Header height change
Hi,
I would like to reduce the height of the Header. when I look thru the CSS, I don’t see any value for a Header height although I remember seeing a CSS Header width value of around 960 or so. How can I safely reduce the Header height and where is it located?
Thanx,
Tom
tomjdolan.com
Hi Tom,
You could adjust the padding to your #title-area
on line 199 in your CSS file –
#title-area {
float: center;
overflow: hidden;
padding: 20px 0;
width: 960px;
}
The 20px covers the top and bottom, so if you change it to 10px (for example) it would make the top and bottom padding 10px. Try that, and if you want to remove more space then just lower the number more.
Hi Jessy,
Thanx so much, easier than I thought. Worked so well I used the same technique to rework the Nav Bar just below the Header:-)
Tom