10 replies to this topic

[peters_publishing]

Hello! I'm trying to reduce some of the massive amount of whitespace between the Masthead section and the Highlight section on this page: 

Please Login or Register to see this Hidden Content

 

I've tried using the suggestions here:

Please Login or Register to see this Hidden Content

 

and here:

Please Login or Register to see this Hidden Content

 

and a few variations on them, but without success.

 

 

[James B]

Hi there, for some reasons those older posts are adding the forum shortcode for the 'code' style box. If you ignore the beginning

Please Login or Register to see this Hidden Content

and just use the bit in the middle it should be fine.

 

Please Login or Register to see this Hidden Content

[peters_publishing]

James,

 

Thanks. I figured that and had already left those pieces of code out. 

 

I have kept this piece of the code;

Please Login or Register to see this Hidden Content

And it does reduce the amount of space by a little, but not quite enough.

 

Paul

[Danny]

Hi Paul,

 

What you will need to do is change the padding on the Highlight section. Inspect the Highlight section and then add custom CSS, to reduce the padding-top. This will resolve your website, using Firebug or your browsers web dev tool, you can do this very easily.

[peters_publishing]

Ok, I tried this:

 

Please Login or Register to see this Hidden Content

 

And this:

Please Login or Register to see this Hidden Content

 

But they had no effect. 

[catrina]

You need to add the selector #page at the beginning like this:

 

Please Login or Register to see this Hidden Content

[peters_publishing]

Catrina,

 

 

Tried this:

Please Login or Register to see this Hidden Content

 

And this:

Please Login or Register to see this Hidden Content

 

And this:

Please Login or Register to see this Hidden Content

 

No difference. Flushed the cash each time too. 

[James B]

Ok looking in firebug you'll see as you scroll over the html on the right hand side the areas which the padding/margins are applied to, they'll show as a dark blue border or a yellow block. When you see that appear you've on the right div you'll need to edit, so click on the div name in the html and you'll see the assigned css in the left hand screen in firebug. There you'll see the padding thats applied to that section you can edit.

 

Please Login or Register to see this Hidden Content

""

[peters_publishing]

Still nothing. When I look at it in Firebug, it appears that the Mast head is what is causing the problem, but none of the code changes I've made seem to change it.

[James B]

In that case I'd suggest going through any other css you have in the css box and double checking it for errors, anything broken above will stop any css below from working.

[peters_publishing]

James,

 

Thanks, your fix actually did the trick, combined with the changes I made to the masthead... I didn't see that it was working until I cleared my browser cache (facepalm). 

 

Paul