Changing margins and padding with widget positions

[Aaron Grad]

Hi,

I am finding that my pages include too much margin between the different widget positions. For example, on this page there is extra space after the quote and then again below the bottom widget area (where the contact info and social media links are): http://suzukibythesound.com/construction/

On this page, there is extra space between the page content and the button in the bottom widget area: http://suzukibythesound.com/construction/current-students/

Is there CSS styling I can use to override the default widget margins and make them smaller?

The other problem I am having on all my pages is the padding in the bottom widget area. It is adding more padding above and below the content than I want. Is this also something I can adjust in my child theme?

Thanks!

[Binaya D]

Hi Aaron Grad,

To fix the extra space between the different widget positions please put the following css to fix the issue.

div#content {
    display: none;
}

To fix your extra space between page content and button please put the following css to fix the issue:

#content{
         padding: 0;
}

Note: Please use the custom css pulgin or child theme to write the css in both issue, so that custom code doesn’t lost while update the theme.

Yes you can add more padding above and below the content by removing all the padding at the bottom.

Thanks

[Aaron Grad]

Thanks! I was able to fix the spacing issues, but I still can’t get the bottom widget area (where I have contact info and social links) right. Is there a CSS property I could adjust so the container won’t expand up and down so much?

[Binaya D]

Hi Aaron,

Please follow this link to get the bottom widget area https://www.styledthemes.com/pure-simple-pro-setup/311-introduction-to-widget-positions and to get the social links please follow this link https://www.styledthemes.com/pure-simple-pro-setup/321-setup-your-social-network-icons.
To fix the container-bottom expand up and down please put the following css to fix the issue.

#bottom-wrapper {
    padding: 16px 0px 0px;
    }

Thanks

[Author]

Posts