Whitespace

  • Resolved michaelsoaries

    (@michaelsoaries)


    9 years, 10 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)
  • Aleksandar – WPMU DEV Support

    (@wpmudevsupport10)

    9 years, 10 months ago

    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)

    9 years, 10 months ago

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

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

    Aleksandar – WPMU DEV Support

    (@wpmudevsupport10)

    9 years, 10 months ago

    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)

    9 years, 10 months ago

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

    Aleksandar – WPMU DEV Support

    (@wpmudevsupport10)

    9 years, 10 months ago

    Hello,

    Glad I could help. 🙂

    Have a great day!
    Alex

    Thread Starter michaelsoaries

    (@michaelsoaries)

    9 years, 10 months ago

    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

    Aleksandar – WPMU DEV Support

    (@wpmudevsupport10)

    9 years, 10 months ago

    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)

    9 years, 10 months ago

    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!!!

    Aleksandar – WPMU DEV Support

    (@wpmudevsupport10)

    9 years, 10 months ago

    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.