Hi together,

first, I want to thank you for this amazing theme.
I saw it and the decision for it was not hard at all.

Now I'm trying to configure the layout of the theme to move it a little bit nearer to my other site layout.
I'm currently working on the left sidebar, which have two elements, the search and the categories, enabled.

I already set the settings for the sidebar to

border-right: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;

in oder to get a solid border around the whole sidebar. Worked fine.

But is it also possible to set a table around the title of the categories widget and fill it with a background color ?
The normal background of the sidebar should stay white. I only want to underlay the categories title with another background color.

Many thanks in advance,
Markus

You can address the title box of the categories widget like this, through HTML/CSS Inserts -> CSS Inserts

div.widget_categories .widget-title {
border: solid 1px #000000;
background: #eeeeee;
padding: 5px;
}

Hi Flynn,

works great, thank you for the quick answer.
But is it also possible to stretch the table to the border of the sidebar (without padding to the left and right) ?

Regards
Markus

The space left/right is a 10 px padding on the parent container, the sidebar, not a margin on the widget itself.

If you change the padding of the sidebar to 0 at Sidebars -> LEFT Sidebar style / RIGHT sidebar style the widgets will stretch from left to right.

Then you can get any kind of sophisticated widget styling at A. Theme Options -> Widgets. Play with the padding and margin values on all these containers: Widget Container, Widget Title Box, Widget Title (this could be styled as another box too, although it refers to the <h3> of the widget title and the widget title text inside), Widget Content Box.

You'd very likely want either a padding or a margin or both on the Widget Content Box or the widget content would touch the left and right borders of the sidebar

Originally Posted by Flynn

You can address the title box of the categories widget like this, through HTML/CSS Inserts -> CSS Inserts

div.widget_categories .widget-title {
border: solid 1px #000000;
background: #eeeeee;
padding: 5px;
}

Flynn,

Would I be able to set the font for the left/right side panels here also?

Sorry for hijacking the thread by the way!

Originally Posted by mannitol

Flynn,

Would I be able to set the font for the left/right side panels here also?

Sorry for hijacking the thread by the way!

The above is for widgets in both sidebars

To have different fonts in the sidebars address them separately at Sidebars -> LEFT/RIGHT sidebar style, there's one style box for each sidebar