[Theme: Twenty Twelve] CSS for adding borders around widgets?

Yes, do you have a child theme or custom CSS set up? It will also make it easier for people to help you if you include a link to your site.

I’ve been using the edit CSS option in wordpress to do CSS changes. chroniccrane.com is the site I’m working on.

article {
 border: 1px solid deeppink;
}

https://www.w3schools.com/css/css_border.asp

just article doesn’t work. I need to know what the widget area articles are called.

– Open your website in Google Chrome.
– Right click on one of the widget articles.
– Select ‘Inspect element’.
– Look at the HTML on the left-hand-side of the new toolbar.
– Hover your mouse over the HTML elements and select the element that you want.
– Once selected, look at the right-hand-side of the toolbar. Look at the CSS.

That should show you what the widget articles are called.

Thank you! I found it. They are .widget-area {