WordPress.org

Support

Support » Themes and Templates » [Resolved] Border around widgets in Twenty Eleven theme

[Resolved] Border around widgets in Twenty Eleven theme

  • I would like to add a border in a specific colour around each widget in the Twenty Eleven theme, preferably with radiused corners.

    Would appreciate any pointers on where/how to start with this.

    Thanks
    Meg

Viewing 3 replies - 1 through 3 (of 3 total)
  • At it’s most basic, you need to alter this style rule:

    .widget {
      clear: both;
      margin: 0 0 2.2em;
    }

    To something like:

    .widget {
      border: 1px solid;
      clear: both;
      margin: 0 0 2.2em;
      padding-left: 20px;
    }

    Of course, you can set your own border colour and width etc. If you want rounded corners you’ll have to do all the usual stuff with background images if you want IE to display them. Or you can use CSS and not worry about IE users.

    You need the padding to ensure that bullet points are enclosed in the border.

    HTH

    PAE

    esmi

    @esmi

    Forum Moderator

    Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    Create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thanks Esmi – you can rest assured I have created a child theme so all good to go there 😉

    Thanks again for your help Peredur! Will give that a go and see what I can come up with!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Border around widgets in Twenty Eleven theme’ is closed to new replies.
Skip to toolbar