Follow up to adjusting widgets

Yes. If you look at my page –

The area directly below the header with the tagline instead of a logo at left, and the menu, right, is what I need to tweak.

The horizontal 8888 Osler logo is an image in a custom widget that I’ve called horizontal header. I would like to –
1) make the background of just that one widget to be black
2) make the padding above and below the logo to be 20px.

Right now it seems to be some kind of default widget padding.

Thanks again! :)

That worked really well! I had made a color section and placed a logo inside but the key was to target the widget so if I need to edit it I don’t have to change very instance on every page . Some code, below, to help others :) Thanks, Vinay!

/* color section with unique id and widget inside */
#logoHeaderWide .widget {
margin: 0px 0px 0px 0px !important;
background-color: #000 !important;
}

/* logo in widget */
.horizontalLogo {
width: 100% !important;
height: auto !important;
padding: 10px 0px 0px 0px !important;
}