CODEWITHSUNDEEP
javascriptjqueryhtmlcss
MTo
MTo

Reputation: 406

Responsive image in CMS

I have problem with CMS. I need to change css that the page could be responsive. One of the div has data-height, data-weight and height, width in style in html that it looks like that

div class="classOf" id="idOf" data-width="755" data-height="125" style="width: 755px; height: 125px;"

I can't use my new css due to is not working if I select this id and change properties. This is CMS so I can only console to append new css and js.

My question is how to neutralize this set properties on html and apply css with max-width:100% that will work ?

Upvotes: 0

Views: 157

Answers (2)

Justin Breiland
Justin Breiland

Reputation: 460

In your css add !important to the width attribute, it should over-ride the inline style.

Example: 

 .classOf{
           width: 100% !important;
      }

Upvotes: 0

user4051844
user4051844

Reputation:

Try to include your own customized css at the end of the html document, it will override any existing css file included before.

Upvotes: 0

Related Questions