Support » Themes and Templates » [Theme: Twenty Twelve] CSS for adding borders around widgets?

  • Resolved phillipc421

    (@phillipc421)


    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)

    Forum Moderator

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    article {
     border: 1px solid deeppink;
    }

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

    phillipc421

    (@phillipc421)

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    phillipc421

    (@phillipc421)

    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.