How to remove border and shadow from specific images

[nicole2013]

I have added a border and shadow to all images but the problem is that it is also appearing on the buttons (customize "button").The "button" doesn't have a div and I have used different images all over the site.
There are about 10 different images that were used as buttons. Is it possible to target these images with css to remove border and shadow on each one?

https://www.creativecertificates.com/christmas-gift-certificate-templates/

[Victor Font]

You need to give them an unique identifier, either an ID or custom class. For example, the CSS selector for the customize without watermark image is .entry-content > p:nth-child(7) > a:nth-child(1) > img:nth-child(1) and the sector for image next to it is .entry-content > p:nth-child(7) > a:nth-child(2) > img:nth-child(1).

You could just use those selectors, but trying to understand your code afterward will be difficult. If you use an ID, you would have to add something like id="no-border-1", id="no-border-2", etc to the 10 images, then you could use wild card CSS to target the elements. Last, you could also just add a no-border class to eack of the 10 images, then create a single entry in style.css to target that class.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[nicole2013]

Thanks for your reply.
The problem is that I have used them all thousands of times over the site.
That is why I was looking for a solution to target the image no matter what page it appears on.

[Author]

Posts