custom.css rules don't override style.css rules

[dxt]

Hi

I'm trying to override a rule in style.css using custom.css as it is recommended by WHMCS developers, but as you can notice on the capture bellow from  the developer tool  the rule is not override as expected, could you please tell  me what it is wrong?

 

 

this my custom.css configuration

[123host]

Try adding !important to your rule

text-align:left !important;

 

[pRieStaKos]

We not use .text-center class on template file instead ?

[brian!]

12 hours ago, 123host said:

Try adding !important to your rule

that should work. 🙂

[dxt]

Thank you everyone for your replay,

!important has worked,  I thought there would be another solution as they are many to not recommend using !important  on CSS rules 

 

 

[brian!]

16 hours ago, dxt said:

!important has worked,  I thought there would be another solution as they are many to not recommend using !important  on CSS rules 

i've seen those articles too - but with WHMCS, and the way it's CSS files are called, it's far simpler to use !important than to reorganise them to remove the need.

[dxt]

Thank you brian and everyone who  replayed to my question.

[DennisHermannsen]

The trick is to make the selector longer and make sure that the CSS file is loaded after style.css.