Whitespace

  • Resolved michaelsoaries

    (@michaelsoaries)


    8 years, 3 months ago

    Hello – I’ve been searching and searching for days now – there is just an excessive amount of white space on the home page between the content and the header.
    I’ve tried all manner of css things but nowhere can I find to change it.
    There is in firefox developer view a line of code:
    <div id=”page” class=”page-container” style'”margin-top: 242px;” aria-hidden=”false”>

    it is just under the <!–.header-container–> tag.

    In firefox developer I can change that 242px to 100px and the whitespace disappears nicely – but I can’t find what to place in the custom css in fruitful code itself to make that change.
    Any help is appreciated!!

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hello,

    Could you please link us to your site so we can check your issue? From the HTML you have wrote out, I believe this code will work for you.

    .page-container {
/*Change the margin value to what ever you would like. Just remember to put px or % after the numerical value if it isn't 0*/
margin-top: 0 !important;
}

    You can add this in a Child Theme style.css file or you can use a custom CSS plugin.

    Thanks,
    Alex

    Thread Starter michaelsoaries

    (@michaelsoaries)

    hI thanks for the reply
    meant to add this :: the site is https://workasamodel.com

    thanks – I’ll wait for you to have a look to try the change

    Hello,

    Thanks for providing your site link. I can see the same in my web inspector and I believe my CSS posted above will fix your issue. ??

    Could you please give it a try and let us know how it turns out?

    Thanks,
    Alex

    Thread Starter michaelsoaries

    (@michaelsoaries)

    Ahhh!!! You are amazing!!!!
    Worked like a charm!
    Thanks much.

    Hello,

    Glad I could help. ??

    Have a great day!
    Alex

    Thread Starter michaelsoaries

    (@michaelsoaries)

    Looks like this has caused another problem –
    on the other pages the content is actually partially hidden at the top just under the header.
    I can get around it by adding p<p> tags and white letter content to bring the main content into view but on the blog page it looks like the side bars are still going to get cut off –

    is there another fix for the home page white space issue? thanks

    Hello,

    Could you please try replacing my code with this? This CSS will target your home page which has an class of 701.

    .page-id-701 .page-container {
/*Change the margin value to what ever you would like. Just remember to put px or % after the numerical value if it isn't 0*/
margin-top: 0 !important;
}

    Thanks,
    Alex

    Thread Starter michaelsoaries

    (@michaelsoaries)

    Yes – that seems to have did the trick!! It didn’t occur to me to check the other pages as I was so focused on the home page for so long – thanks mucho grande!!!

    Hello,

    Yes – that seems to have did the trick!! It didn’t occur to me to check the other pages as I was so focused on the home page for so long – thanks mucho grande!!!

    You are welcome, happy to help. ??

    Have a great day!
    Alex

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Whitespace’ is closed to new replies.