too much white space

[Nancy Verbrugghe]

How can I decrease the height of the white space between header and content?
ex http://timoverbrugghe.duckdns.org/uomo/index.php/about/manifesto/

I see that the white space is added by this line:

How can I remove this, or at least make it 1px high?

tx

[Shekhar Bhandari]

Hi Nancy,

You can use the following custom css to fix the height.

#cir-content-wrapper {
  padding: 0.5em 0;
}

Please note that while using custom css use child theme or use custom css plugin of jetpack, so the customization data doesn’t get lost on theme updating.

Thanks

[Nancy Verbrugghe]

That worked, but only for the homepage…

[Shekhar Bhandari]

Hi nancy,

It should work for all the pages. Do you want to make the changes only on the homepage? Sorry but we get abit confused.

Thanks.

[Nancy Verbrugghe]

I want it on all pages 🙂

As you can see, there is still quite some white space between header and content here:
http://timoverbrugghe.duckdns.org/uomo/index.php/contact/

Which is not the case on the homepage.

Nancy

[Shekhar Bhandari]

Hi Nancy,

It seems you have inserted some widget contents on Top1, Top2, Top3 and Top4 widgets, that’s why their is spacing there. Please have a look at the widgets.

Thanks

[Nancy Verbrugghe]

Tsss 🙂 I had an empty text widget in TOP 4…
thanks again!!!

[Deborah Smith]

I too am running into too much white space. On the sub pages I have turned off the Header Image, however the space where the image would be still remains. Is there a way to remove it? I want the space between the bottom of the logo and the breadcrumb area to be closer to the space between the top of the logo and the top gray color bar.

The same for the bottom of the page. Is there a way to remove the space between the bottom of my call to action color bar and the footer?

http://ac1.98f.myftpupload.com/about-the-practice/

[Binaya D]

Hi Deborah Smith,

For the first issue please use the following css to fix your issue:

#cir-banner {
    display: none;
}

And for the second issue please use the following css to fix your issue:

#cir-content-wrapper {
    padding: 0px;
}

Thanks

[Deborah Smith]

Thank you so much for responding, Binaya.

The only problem that i have with your first fix is that I have a slider in that area on the homepage. By altering the css it removes that area from all pages. So although it fixes my issue on the page i gave the link to, the homepage slider is now hidden. Is there a way to remove that area from all pages EXCEPT the homepage?

[Binaya D]

Hi Deborah Smith,

Please use the following css to fix your issue.

#cir-site-header {
    padding: 1em 0;
    margin-bottom: -1em;
}

Thanks

[Deborah Smith]

That still affects all pages. And although it does change the spacing a little, it still doesn’t yield the desired result…
You first fix would be perfect if i could confine the change to the sub-pages only.

[Binaya D]

Hi Deborah Smith,

Could you please provide us wp-login details via email, so that we can provide solution asap.

Thanks

[Francois Zietsman]

I am using version 2.5.0 of Circumference and I also have too much white space between the header and content.

I tried this below, as well as set it to completely but it does not make any difference in the white space – it still remains

#cir-content-wrapper {
padding: 0.5em 0;
}

I even added the behind but still not working. I would like to move the content a little closer to the header section.

http://www.tilemagic.co.za/test/calculators

Help would be appreciated.

Thanks
Francois

[Binaya D]

Hi There,

Please use the following css to fix your issue:

#cir-content-wrapper {
    padding: 0;
}

NOTE: Please use the child theme style.css or custom css plugin to write the css.

Thanks

[Author]

Posts