I would like to add 1px solid line separators between sidebar widgets.

I would also like to wrap some of my sidebar widgets in 1px solid line frames.

Any suggestions?

Thank you very much.

You can style the widget containers at ATO->Widgets->Widget Container: - For a solid black line use: 'border-bottom: solid 1px #000000;' BUT remember styles applied here will effect all widgets.

If in addition, or in case you just want to effect one widget, you need to look at the generated source and find the '<div id=...' and using that , create a css insert (ATO->HTML/CSS Inserts->CSS Inserts

If you wanted to put a red box around the pages widget, looking at the generated code for a page we see the pages widget's 'DIV' is

<div id="pages" class="widget widget_pages">

so the CSS insert would be

#pages {
border-style:solid;
border-color:red;
}

Thank you very much. Now, how can I add a little padding between the widget and the separator?

Thank you.

You can play with the margin and padding in the ATO->Widgets->Widget Container try this

border-bottom: solid 1px #000000;
padding: 20px 0 20px 0;

Thank you again. Now, when I do what you told me, appears too much padding ABOVE each widget, so the space between the widget and line above it is too big. Even if I write padding: 0 0 0 0;

What should I do

what's the url so I can take a look