November 11th, 2018 at 22:27 #70362
How do I apply a custom class to an image? Specifically, if I create a CSS class and try applying it to an image, it has no effect. For a test I created something simple:
border- width: 5px;
And then I added “shopimage” into the “Additional CSS Class” field for that image. The effect was a black border around a container that spans the entire width of the post instead of a border around the image.
What I’m really trying to accomplish is to have a custom image overlay on specific images in my blog. For example, I have two kinds of linked images – some pop up in a lightbox and some go to a product page in my store. I want to overlay some kind of “Buy this image” button on just the ones that go to the store. As it is now there is no way for a reader to know if you’re going to get a lightbox when you click on an image or if it’s going to take you away to the store. Since they’re both links I can’t just edit the general link CSS.
Thank you.November 13th, 2018 at 15:34 #70432ZedCryout Creations TeamNovember 13th, 2018 at 23:39 #70451
Scroll down until you see it – the butterfly photo under the huge bird.
This brings up another thing – I put caption text under the images until this is resolved, and the captions are, as you can see, scrunched into a thin column.
The topic ‘Post Image "Additional CSS Class" Help Needed’ is closed to new replies.