I noticed in a couple of the images in the demo, they have a nice little border around the images. When i add my images i get no border. In the image options I set the styling to Default but i get no border. Is this functionality that is built into the theme or do i need custom css for this? Any help would be appreciated.
Hey!
Try adding this code to the Quick CSS:
.avia_image {
border: 1px solid gray;
padding: 5px;
}
Cheers!
Josue
Thanks for getting back to me. This worked for the image until I created a link on the image to point to a specific page, when I did that i then got a double border. I removed the quick css then I was without a border again.
Hi,
Can you post the link to your website please?
Regards,
Josue
It is under the main page under our services. All the other images work correctly with the appropriate border except for the images with links. Those get double borders. When i remove the quick css then i get no borders at all.
Thanks for your help.
Hi!
Use this code instead:
img.avia_image {
border: 1px solid gray;
padding: 5px;
}
Best regards,
Josue
Nothing changed.
Thanks.
Hey!
I’m no longer seeing double borders, refresh a few times.
Cheers!
Josue
Yes, i am now getting a single border but the color has now changed from a gray color to black which now clashes with the rest of the style. Sorry for being a pain but would you know how to get it back to the normal color?
Hi!
Try with this one:
img.avia_image {
border: 1px solid #e1e1e1;
padding: 5px;
}
You can replace “#e1e1e1” by the color of your preference.
Regards,
Josue
That did it, thanks so much for your help.
You are welcome, always glad to help :)
Regards,
Josue