Twenty-Sixteen Widget Padding

  • Resolved maaron

    (@maaron)


    10 months, 2 weeks ago

    Hello!

    I am having some difficulty finding a working solution regarding padding adjustment around the bottom widget on my site (matthewaaron.ca) using Twenty-Sixteen.

    The bottom widget spacing above and more importantly below is too large – there is too much blank page showing.

    When the widget is removed entirely, the spacing reverts to an adequate amount.

    Have attempted with and without the footer displayed by adjust footer padding using css. Have also attempted to adjust widget padding with no luck as well.

    Any feedback would be appreciated.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Felipe Santos

    (@foosantos)

    Hi there,

    An option would be using CSS to do that. Have you considered it?

    You can go to WP Admin > Appearance > Customize > Additional CSS, then add something like that:

    /* Change padding for footer widget (FS) */

@media screen and (min-width: 61.5625em) {
  .site-main {
      margin-bottom: 2em;
  }

.comments-area, .sidebar, .content-bottom-widgets .widget-area, .widecolumn {
    margin-bottom: 0em;
  }
}

    Apart from that, if you use one of the new WordPress default themes (like Twenty Twenty-Three), you would be able to edit this directly from the Site Editor without using any code.

    Thread Starter maaron

    (@maaron)

    Thank-you kindly for this solution!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty-Sixteen Widget Padding’ is closed to new replies.