[M LParticipant]

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?

[M LParticipant]

This reply has been marked as private.

[Paula SMember]

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.

[M LParticipant]

This reply has been marked as private.

[RadModerator]

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.

[Author]

Posts