Hello,
I need to style an individual image with border (solid), border radius, and border color. Is it possible to specify these things in an image shortcode? If not, how can I do styling for an INDIVIDUAL image, please?
Thanks in advance,
J.N.
Hey greyhound72,
Add this to quick css for the second image. The first appears to have a border already:
img.avia_image{
border-radius: 4px!important;
border: #efefef 1px solid!important;
}
Best regards,
Jordan Shannon
Thanks Jordan, but adding quick css will affect all other images. I am looking for a solution for this one image, not affecting other ones at the website.
Kind regards,
Yury
Hi,
Just this one page?
Best regards,
Jordan Shannon
Exactly! Only this image.
Hi,
Adjust the code to this:
.postid-6052 img.avia_image{
border-radius: 4px!important;
border: #efefef 1px solid!important;
}
Best regards,
Jordan Shannon
Yeah, I also thought about this option. Will do this way. It would be nice to see image styling within a shortcode one day.
Thanks for your time and assistance!
J.N.
Hi,
Yes perhaps in the future that can be an option, but as of now CSS saves the day! Did you need additional help on this topic or shall we close?
Best regards,
Jordan Shannon
Please close as everything resolved now.
Thanks!