how to make css code not affect img – Themeco Community https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/feed/ Sun, 23 Nov 2025 19:30:38 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80234 <![CDATA[how to make css code not affect img]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80234 Fri, 08 Aug 2014 00:40:39 +0000 M L i have an image on a page that is a png with transparent background. however i have css code on the page that for other images on that page that it is picking up. whats the code to tell the image to disregard other css?

]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80235 <![CDATA[Reply To: how to make css code not affect img]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80235 Fri, 08 Aug 2014 00:42:27 +0000 M L https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80270 <![CDATA[Reply To: how to make css code not affect img]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80270 Fri, 08 Aug 2014 01:48:19 +0000 Paula S Hi ML,

Thanks for the information.

I tried logging into your page and see if I can inspect it further but the page was currently locked due to it being actively edited.

Regarding your issue, you can assign a different image ID for the flower and set the CSS codes based on the set image ID, as well as add the element CSS code within VC (you just need to scroll down and you should see that area where you can put these customization for CSS)

Hope that helps.

]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80287 <![CDATA[Reply To: how to make css code not affect img]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80287 Fri, 08 Aug 2014 02:35:40 +0000 M L https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80331 <![CDATA[Reply To: how to make css code not affect img]]> https://theme.co/archive/forums/topic/how-to-make-css-code-not-affect-img/#post-80331 Fri, 08 Aug 2014 04:02:35 +0000 Rad Hi there,

Just add this css at your customizer’s custom css.

img.x-image-no-css {
border: 0px !important;
padding: 0 !important;
background-color: transparent !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

Then at your image shortcode, add this class name x-image-no-css at class attribute/input of your shortcode. And you can just re-use x-image-no-css to all other image shortcode without adding same css again.

Hope this helps.

]]>