Reducing gap/ white space between 'home page' section and the static pages below

  • Unknown's avatar
    ecovillagemovements · Member ·

    Hi there,

    I currently have my blog settings as totally private, so going to the site isn’t very helpful to you at this time- let me know if you need to see it to understand. Basically, I am using the Dara theme, with a static homepage containing some of my favourite blog posts, then underneath there is the ‘home page’ section where I have written a small introduction. Under that section is where my static web pages are, the ones you can add under ‘theme options’ in customise. What I would like to do is reduce the gap between the ‘home page’ section and the static pages underneath it. Is there a way to do this through CSS?

    Thank you forum community!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi ecovillagemovements

    As your site is private so staff can help you out with this issue.

    So I am tagging this post as ‘modlook’ for Staff assistance please wait for some time they will get back to you on this.

    Hope this helps.

  • staff-doublebassd · Staff ·

    Try adding this:

    .front-page-content-area.content-area {
    padding: .2em 55px;

    You can play around with the numbers if you want to adjust the padding, but that took away some of the space between your introduction and the static pages.

    Thanks.

  • Unknown's avatar
    ecovillagemovements · Member ·

    Hi,

    Thank you ever so much Shubhamgmath and Darnelldibbles for your help, I will have a go at using the CSS to see if I can get it how I want it.

    Thanks!

  • Unknown's avatar
    ecovillagemovements · Member ·

    That has worked really well, thank you, you can see the pages easier now. Is there any way to do the same on the bottom section?

    Many thanks!

  • Unknown's avatar
    ecovillagemovements · Member ·

    Sorry, to correct- remove more of the white space from the botttom section?
    Thanks!

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi ecovillagemovements

    remove more of the white space from the botttom section?

    Are you referring bottom section here as footer widget area?

    If yes then here is the custom code for that: 

    .footer-widget-area {
    padding: 1.2em 2% 1em !important;
}

    Hope this helps, feel free to ask if you have any other doubt.

  • Unknown's avatar
    ecovillagemovements · Member ·

    Hi,

    hmm that could be helpful too, thank you! I am just wondering about the bit before the featured pages and the small description.

    Thanks very much

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @ecovillagemovements, part of that whitespace is the article footer link area, which only you will see as it is only presented to you as a convenient way to quickly edit that section. This will hide that though if you wish to do that. 

    .home .hentry .entry-footer {
  display: none;
}

    Additionally, there is a bit of bottom margin on that top content section which you can get rid of with this. 

    .home .hentry .entry-content {
  margin-bottom: 0;
}

    I also noticed you have an empty h4 element at the top of that description section, which is spacing the text down some. If you wish to get rid of that, edit the section, switch to the Text/HTML tab in the editor and delete it and then backspace to move all of your text to the top of that section (no blank lines above that text).

  • Unknown's avatar
    ecovillagemovements · Member ·

    Hi ‘thesecredpath’,

    That’s so helpful to know, I will have a toggle with all of the code I’ve been sent and remove the spacing through the HTML tab.

    Thank you ever so much, and to everyone else who has helped. You make the WordPress forum great!

    Have a nice evening/day/sleep, wherever you all are in the world.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Reducing gap/ white space between 'home page' section and the static pages below’ is closed to new replies.