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

  • Resolved phillipc421

    (@phillipc421)


    11 years, 3 months ago

    I’d imagine it’s similar to the code for adding borders around posts, but I’m not entirely sure. Anyone know?

    Thanks,
    Phillip

Viewing 6 replies - 1 through 6 (of 6 total)
  • WPyogi

    (@wpyogi)

    11 years, 3 months ago

    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.

    Thread Starter phillipc421

    (@phillipc421)

    11 years, 3 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years ago

    article {
 border: 1px solid deeppink;
}

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

    Thread Starter phillipc421

    (@phillipc421)

    11 years ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years ago

    – 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.

    Thread Starter phillipc421

    (@phillipc421)

    11 years ago

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Twenty Twelve] CSS for adding borders around widgets?’ is closed to new replies.