WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [Theme: Twenty Twelve] CSS for adding borders around widgets? (7 posts)

  1. phillipc421
    Member
    Posted 1 year 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

  2. WPyogi
    Volunteer Moderator
    Posted 1 year 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.

  3. phillipc421
    Member
    Posted 1 year ago #

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

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    article {
     border: 1px solid deeppink;
    }

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

  5. phillipc421
    Member
    Posted 1 year ago #

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

  6. Andrew
    Forum Moderator
    Posted 1 year 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.

  7. phillipc421
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic