XenForo Tutorials

Change the color of the blocks on your sidebar

Submitted by Sunny1997, , Thread ID: 123417

Thread Closed
04-03-2019, 01:35 PM
#1
Add to extra.less

Code:
/*color bloc sidebar*/
.block-minorHeader {
background-color: #0f3652 !important;
color: #FFF !important;
}

RE: Change the color of the blocks on your sidebar

#2
04-03-2019, 01:35 PM
Sunny1997 Wrote:
Add to extra.less

Code:
/*color bloc sidebar*/
.block-minorHeader {
background-color: #0f3652 !important;
color: #FFF !important;
}

Ok, Thanks

RE: Change the color of the blocks on your sidebar

#3
04-03-2019, 01:35 PM
Sunny1997 Wrote:
Add to extra.less

Code:
/*color bloc sidebar*/
.block-minorHeader {
background-color: #0f3652 !important;
color: #FFF !important;
}

Thank you for this tutorials Wink

RE: Change the color of the blocks on your sidebar

#4
04-03-2019, 01:35 PM
Sunny1997 Wrote:
Add to extra.less

Code:
/*color bloc sidebar*/
.block-minorHeader {
background-color: #0f3652 !important;
color: #FFF !important;
}

Does this also work for the new and updated xenforo? or is this for only the old versions?

RE: Change the color of the blocks on your sidebar

#5
I just tried this and it looks great on my forum. Gonna modify it a little bit.

RE: Change the color of the blocks on your sidebar

#6
HI!
What if I need to style only 1 specific block, how can I target only that specific block?
Thanks

Users browsing this thread: 4 Guest(s)