Public Forums 71,145 posts

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#208431

How overwrite !Important rule?
In Which .less file reassign (overwrite) rule?

template.css

@media screen and (max-width: 992px) {
// ...
.article-intro .img-fulltext-right {

// ...
width: 100% !important;

In custom.css can not be reassigned !Important rule.
You can remove the !Important rule of template.css. But it returns (overwrite) after compile LESS to CSS.

Thanks.
Sorry for my English.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#576753

Hello
I suggest you to override it via custom.css file .
It should work , if not working you can add change it directly from the Less files , Currently i am not sure about the code .
Provide more details so i can suggest you exact path of less file.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#643066

Hello
I suggest you to override it via custom.css file .
It should work , if not working you can add change it directly from the Less files , Currently i am not sure about the code .
Provide more details so i can suggest you exact path of less file.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#741722

Hello
I suggest you to override it via custom.css file .
It should work , if not working you can add change it directly from the Less files , Currently i am not sure about the code .
Provide more details so i can suggest you exact path of less file.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#576754

I remove the !Important rule of template.css. But it returns (overwrite) after compile LESS to CSS.
In Which .less (In Which .less line code) file reassign (overwrite) rule?

Thanks.
Sorry for my English.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#643067

I remove the !Important rule of template.css. But it returns (overwrite) after compile LESS to CSS.
In Which .less (In Which .less line code) file reassign (overwrite) rule?

Thanks.
Sorry for my English.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#741723

I remove the !Important rule of template.css. But it returns (overwrite) after compile LESS to CSS.
In Which .less (In Which .less line code) file reassign (overwrite) rule?

Thanks.
Sorry for my English.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#576756

Hello You need to check the path of the code , and change it from the same file .

If you will provide details of your site and let me know the details ,
so i can see the code and let u know the exact path .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#643069

Hello You need to check the path of the code , and change it from the same file .

If you will provide details of your site and let me know the details ,
so i can see the code and let u know the exact path .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#741725

Hello You need to check the path of the code , and change it from the same file .

If you will provide details of your site and let me know the details ,
so i can see the code and let u know the exact path .

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576775

Hi there
# You’ll need increase your css priority in your custom code.
It’ll require bit knowledge about CSS. Here are some document.

http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#643088

Hi there
# You’ll need increase your css priority in your custom code.
It’ll require bit knowledge about CSS. Here are some document.

http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#741744

Hi there
# You’ll need increase your css priority in your custom code.
It’ll require bit knowledge about CSS. Here are some document.

http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

Thank you,
Viet Vu

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#576854

pankajsharma
Where rule in .less code?

@media screen and (max-width: 992px) {
// ...
.article-intro .img-fulltext-right {

// ...
width: 100% !important;
In Which .less file reassign (overwrite) rule?
That is what I ask!

jooservices
I have read the document.
<blockquote>If !important is specified more than once for the same element, they will fall back to the normal cascading rules.</blockquote>
It did not help. It does not work.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576863

Hi there
In fact it should.
For sample

#a {color: red !important}
compare with

#parent #a {color: red !important}

In css selector priority it’ll have pointing. Count this we’ll know which one will be apply .
Also which one will be loaded first.

http://stackoverflow.com/questions/11178673/how-to-override-important
Please try with this online tool

http://specificity.keegan.st/
Thank you,
Viet Vu

[Author]

Posts