Community Forums › Forums › Archived Forums › Design Tips and Tricks › Magazine Pro – how to reduce space below header
Tagged: header image, Magazine Pro, padding
- This topic has 12 replies, 2 voices, and was last updated 11 years, 7 months ago by
jnine0712.
-
AuthorPosts
-
October 17, 2014 at 2:16 pm #128183
jnine0712
MemberI am working on a site for a client using the Magazine Pro Theme and cannot reduce the white space below the header image. I have made the header image full size and the space above it is fine, but below is a good deal of white space. Have played with code and still no luck. Any help would be appreciated.
http://www.emptyhousefullmind.comOctober 17, 2014 at 3:05 pm #128186Porter
Participant.header-image .site-header .title-area, .header-image .site-header .widget-area { padding: 40px 0; }There's your 40px padding right there, style.css.
October 17, 2014 at 3:06 pm #128187jnine0712
MemberThanks Porter. I have gotten rid of the 40px but that only gets rid of the top padding and still a ton of white space for the bottom padding.
October 17, 2014 at 3:11 pm #128189Porter
ParticipantBusy at the moment, be back in an hour or two. But here's your problem:
"<p class="site-description" itemprop="description">Observations from the midlife empty nest</p>"
That is HUGE, and empty.
October 17, 2014 at 3:13 pm #128190jnine0712
MemberOk, very confused and not sure even where to find that to be honest.
October 17, 2014 at 4:00 pm #128193Porter
ParticipantIt's a paragraph with the class "site-description". The dimensions are 916x230. I'm not sure what it is, but it appears to be the "site description".
October 17, 2014 at 4:10 pm #128194jnine0712
MemberNot even sure where to find that to edit it. I know I made the header image full size at 960 x 213.
October 17, 2014 at 4:24 pm #128195Porter
ParticipantThat was a typo, it is 960x213. So for whatever reason, there are two places of that size on the page, one blank, one the image we see now.
October 17, 2014 at 4:26 pm #128196jnine0712
MemberNo worries. Are you looking at my coding, because I coded the Functions.php and also the style sheet with these dimensions. And not sure where there would be blank dimensions still.
October 17, 2014 at 4:30 pm #128197Porter
ParticipantJust looking at the output on the page, the css (so style.css). I would try removing what you added in the functions.php, just to see which (if not both) are removed.
I'm currently playing games of League of Legends, and keep popping back and forth haha, I'll give it a deeper look when I can.
October 17, 2014 at 4:31 pm #128198jnine0712
MemberAww, no worries and I think I actually just got it. I played with the site.header widget area height and it worked 🙂
October 17, 2014 at 5:01 pm #128201Porter
ParticipantThat seems to have done it - not sure why, but it looks good now 🙂
October 17, 2014 at 5:34 pm #128205jnine0712
MemberAww, thanks and still just so happy I finally got it!! 🙂
-
AuthorPosts
- The topic ‘Magazine Pro – how to reduce space below header’ is closed to new replies.