Remove white spacing and other modifications

  • Hi,

    Firstly, I’d like to thank everyone on this forum for all the things I managed to do with the answers on the other threads.

    I looked at all the topics before asking for help, but I can’t figure out a few things.

    I’m not a newbie with WordPress but I have very basic knowledge of HTML and CSS.

    FIY, I did not set up a child theme because it was too complicated for me, but I make my modifications throughout a plugin.

    This is this site I need help with: https://toietmoienvadrouille.com/

    1) As you can see I managed to remove the yellow icon, but the white space at the top of pages or articles is bothering me. Is there a way to get rid of it?

    2) The footer is huge. My widgets are huge, but there is unnecessary space under the widgets. Is there a way to remove this also?

    3) I haven’t yet decided what color, but I’d like to change the header/menu background color. What would be the code for that?

    Thanks a million for your help.

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

  • Hello there,
    Solutions
    1. white space

    .home.is-singular .content-area, .single-format-image.has-post-thumbnail .content-area {
    padding-top: 0px;
}

    2. Footer gap

    .widget-area {
    padding: 7rem 0 0 0;
}

    3. Header/menu background color

    .home .site-header, .blog .site-header {
        background-color: #0e74b2;
}
.site-banner {
    background-color: none;
}

    Hope it helps and let me know if you require any further assistance.

    Thread Starter madlounem

    (@madlounem)

    Hi,

    For the white space, it removed it perfectly on the home page but there is also this white space in articles and in categories I’d like to remove.

    Perfect for the footer gap and for the background color.

    Thanks

    Try this code.

    .site-content {
    padding-top: 50px!important;
}

    Let us know if you need help with anything else!

    Thread Starter madlounem

    (@madlounem)

    Hi,

    This is working fine for the category pages and posts but the white space is still huge on the front page.

    Thread Starter madlounem

    (@madlounem)

    And how to reduce space at the bottom of the widget footer?

    For homepage gap

    .home .site-content {
    padding-top: 10px!important;
}
    • This reply was modified 7 years, 8 months ago by Poonam Namdev.
    Thread Starter madlounem

    (@madlounem)

    This works perfectly, Thanks

    Thread Starter madlounem

    (@madlounem)

    One last thing: how to reduce the space at the bottom of the widget footer?

    Hi there!

    For the white space above the posts, I’d recommend something like this:

    body:not(.home) .site-content {
    padding-top: 135px!important;
}

    That way the important style (which we need in this case) doesn’t affect the homepage, forcing the use of a second important to override it on the home page ??

    That’s one of the big drawbacks to important, even when it’s a necessary evil. It can cause a domino effect!

    For the footer, this CSS should do the trick:

    .widget-area .widget {
    margin: 0 0 30px;
}

    You won’t see the effect of that one until you’ve saved it and re-loaded the page, because there’s some calculations that happen on page load ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Remove white spacing and other modifications’ is closed to new replies.