• Hi! Sorry to be asking such basic questions, but I just can’t seem to find the right spot to make my edits.

    How do I get rid of the white space/padding at the bottom of the page, above the footer? On the home page I have linked to, it appears under the words ‘Be Balanced’, but it is on every page.

    Also, is it possible to reduce the padding around the logo and increase the size? I think it needs to fill the space a little better.

    Thank you for your patience!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi there! No need to be sorry at all, we’re happy to help with your questions. ??

    How do I get rid of the white space/padding at the bottom of the page, above the footer? On the home page I have linked to, it appears under the words ‘Be Balanced’, but it is on every page.

    You could remove some of the padding at the bottom of the page using the following CSS:

    .content-wrapper {
        padding-bottom: 1em;
    }

    If you create a child theme (as per the other thread you created) then add the above CSS to its style.css file. If you don’t create a child theme, you can instead add CSS by navigating to Appearance > Customize > Additional CSS.

    Increase/decrease the value of padding-bottom to increase/decrease the padding at the bottom of the content area. Please note that increments/decrements of 0.1 are enough to have an impact e.g. 1.1em, 1.2em, etc.

    Also, is it possible to reduce the padding around the logo and increase the size? I think it needs to fill the space a little better.

    You could use the following to reduce the padding around the logo:

    .site-branding {
        padding: 1em 0;
    }

    Similar to before, increase/decrease the first value of padding from 1em to increase/decrease the spacing.

    You can then control the maximum height of the logo with the following:

    .custom-logo {
        max-height: 200px;
    }

    Hope that’s helpful! We’re right here for you if any extra questions come up.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing padding on home page’ is closed to new replies.