XF 2.3 Category strips

[Seeker-Smith]

Hi

How do you change the category strip colour to something a bit more ... not so happy.

 

[Davyc]

Search in the ACP for Block Header, or find it in the menu list of style properties under Blocks and change the colour where the arrow is pointing; whilst there you can change other properties such as font colour and size, etc. Play around with it and see what you can come up with

 

[Seeker-Smith]

Awesome thanks. I was looking for category.

 

[Seeker-Smith]

Search in the ACP for Block Header, or find it in the menu list of style properties under Blocks and change the colour where the arrow is pointing; whilst there you can change other properties such as font colour and size, etc. Play around with it and see what you can come up with

View attachment 313961

This is weird. I can change the text but not the background.

 

[Davyc]

Are you using a custom theme? If so, perhaps that theme's CSS is overriding the stock commands.

 

[Seeker-Smith]

Are you using a custom theme? If so, perhaps that theme's CSS is overriding the stock commands.

I do have custom themes but this is the Xenforo default.

 

[Davyc]

Try using a direct Hex Colour such as #000000 for black or #FF0000 for red and see if that works.

 

[Seeker-Smith]

Try using a direct Hex Colour such as #000000 for black or #FF0000 for red and see if that works.

Still that happy blue color.

 

[Davyc]

How weird - it works fine for me. Try putting this in your extra.less template file.

.block-header {
    color: #ffffff !important;
    background: #37444e !important;
}

Play with the colors to suit. If this doesn't work I'm at a loss as to why it's not working.

 

[Davyc]

I've just realised. In the blockheader section where it states Freeform CSS/LESS remove the code in there as it's overriding the other directive.

 

[Seeker-Smith]

How weird - it works fine for me. Try putting this in your extra.less template file.

.block-header {
    color: #ffffff !important;
    background: #37444e !important;
}

Play with the colors to suit. If this doesn't work I'm at a loss as to why it's not working.

I created a new default style and it doesn’t work either. Very strange

 

[Seeker-Smith]

How weird - it works fine for me. Try putting this in your extra.less template file.

.block-header {
    color: #ffffff !important;
    background: #37444e !important;
}

Play with the colors to suit. If this doesn't work I'm at a loss as to why it's not working.

I’ll try this. Thanks

 

[Seeker-Smith]

I've just realised. In the blockheader section where it states Freeform CSS/LESS remove the code in there as it's overriding the other directive.

Yes that did it. Thank you!