Side bar widget

  • I’m trying to do three things to the widget area. . . I searched around here and found the following for changing the padding. None of what I found worked for padding.

    .site-footer .sidebar-footer img {
    margin: 0;
    }
    .sidebar-primary .widget_image {
    padding: 0;
    }
    .sidebar-primary .widget_image .jetpack-image-container {
    line-height: 0
    }
    .sidebar-primary .widget_image img {
    margin: 0;
    }

    In addition I want to change the widget background color and adjust the Widget width. .

    Any help would greatly appreciated.
    Thanks!!!

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

Viewing 1 replies (of 1 total)
  • Theme Author Ben Sibley

    (@bensibley)

    This will adjust the padding around the entire widget area:

    .sidebar-footer {
  padding: 24px 5% 0;
}

    The first value is the padding on top and the second value (5%) will adjust the padding on both the left and right.

    The widgets will fill all the available space besides some margin in between them.

    To change the background color of each widget, you can add this CSS:

    .sidebar-footer .widget {
  background: blue;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Side bar widget’ is closed to new replies.