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.