• 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


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?


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.

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.