1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Changing the color of, and rounding the corners of the items in the sidebar

Discussion in 'XenForo Questions and Support' started by Shane, May 5, 2011.

  1. Shane

    Shane New Member

    Hello there,
    I am designing my own theme from scratch off the default theme and I have run into a problem. The problem has to do with the sidebar items. I want to change their color and I want to make their corners rounded. Here is a picture you can see the block highlighted in green I want to change all of the blocks base color and give them rounded edges. I can't find anywhere to edit the blocks please look at the pic. Again the circled block is just an example I want to make the same changes on all blocks.
    Can you help?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    This one comes up regularly.

    Add this to EXTRA.css:
    .sidebar .secondaryContent {
    border: 1px solid @primaryDark;
    border-radius: 5px;
    Change the CSS to suit.
    Shane likes this.
  3. Shane

    Shane New Member

    Thanks, great support :D
  4. Digital Doctor

    Digital Doctor Well-Known Member

    I think it would be interesting to have a community type wiki where things like this are documented.
    It could serve as a educational tool / resource.
    I think people would like it.

Share This Page