Hi Evan, look for the CSS class of that widget which in most case either “Rsidebar-title” or “Lsidebar-title”. The CSS to control the 'Height' of ALL the Sidebar Boxes/Widgets would be the padding or margin.
For Right Sidebar Title:
.Rsidebar-title {padding:10px 5px 10px 5px;}
For Right Sidebar Content Box (below its Title):
.Rsidebar {padding:10px 3px 10px 3px;}
*Note: the padding pixels are applied as the padding INSIDE space of the “<div> container” and in this order: padding: top right bottom left;
To control SPECIFIC widget height, look at the CSS class for that widget in “Page Source”. In your case would be <div class=”widget_pages pages”>. There are 2 classes for this widget (and other Pages Widgets, if you use many Pages Widgets in different places of the Sidebars): (1) a common group class “widget_pages” for ALL the Pages Widgets on the sidebars and (2) a UNIQUE class “pages” just for this Pages Widget. So, to style ONLY this Pages Widget Title and its Content Box, the CSS would be:
For Pages Widget Title:
.pages .Rsidebar-title {padding:10px 5px 10px 5px;}
For Pages Widget Content Box (below its Title):
.pages .Rsidebar {padding:10px 5px 10px 5px;}
The CSS to style for ALL Pages Widgets that you will use on the sidebars are:
.widget_pages .Rsidebar-title {padding:10px 5px 10px 5px;}
.widget_pages .Rsidebar {padding:10px 5px 10px 5px;}
*Note: put the CSS code for ALL Pages Widgets BEFORE the unique Pages Widget CSS, so the unique Pages Widget CSS can take effect.
Regards,
~Mint Tree~
P.S. There is really no absolute CSS code to control the “Height” of the sidebar box for say, but you can always use the padding (top, right, bottom and left) to control the padding inside the box and thus increasing or decreasing the size of the widget box.
P.P.S. You can actually add different background color “UNIQUELY” to each individual widget (e.g. add the code “background:black; color:white;” in the {} of the CSS code for the Pages Widget Title OR its Content Box).
*Also, use .Rsidebar-title {margin:10px 0px 10px 0px;} to control the margin/spacing BETWEEN the widget titles.