Skip to Content Skip to Menu

We've always supported CSS overrides in the form of override.css, but you always had to manually create the file upload it, maintain it, etc.. That's a bit of a chore just to change a couple lines of CSS. This has now been improved with the same usage as language overrides by allowing you to supply your custom CSS directly in plugin edit of any CB template. Simply edit your CB template within CB > Plugin Management and under the Overrides tab supply your custom CSS then save! Check it out below.

 

From here you can supply any CSS you like and it'll override the CSS loaded before it. In this case as long as the CSS select is exactly the same OR stronger than what you want to override you should have absolutely no problems styling over it. Lets have a look at the results.

As you can see both of my style changes took place perfectly fine. What's more important is the override.css hasn't gone away! We simply generate it for you now. If you already have an override.css then the parameter should have no problem detecting it and allowing you to edit it from within your CB template. If you choose not to use overrides anymore simply empty the parameter and save which will safely delete the override.css.

Looking forward to seeing what kind of great overrides everyone can come up with. Feel free to share as it's easy to move the override.css file or simply by sharing the CSS directly.


krileon replied the topic:
1 year 5 months ago
Yes it's still valid. Please see the following.

CB > Plugin Management
 

Overrides
 
dmolina replied the topic:
1 year 5 months ago
Hello, is this still valid? I don't see the CB Template in my plugins.

How can I override the css?

I've tried creating the override.css file in the path components/com_comprofiler/plugin/templates/default but it doesn't seem to work...

Thank you.
dewittds replied the topic:
6 years 4 months ago
Thanks for the quick response. It made me look again for the template. I found it this time. The first time I was looking for template in the name. The name was default and type is template. I hope this will help others.

Thanks again,
David
krileon replied the topic:
6 years 4 months ago
CB CSS Overrides are within CBs template, not Joomlas. You need to be editing your CB template within CB > Plugin Management. This should just be the Default template plugin unless you've installed a 3rd party CB template then you'll need to edit it instead.
dewittds replied the topic:
6 years 4 months ago
I have been unable to find the Css overrides per the instructions. I'm guessing this is due my not using the protostar template and not a CB template? Or could I be overlooking something else.

Thanks David