Tagged: border, easy slider, enfold, image
Hi.
How to create border around the easy slider ?
I looked at this link: https://kriesi.at/support/topic/easy-slider-border/
This css code create border.
However , Border is too big comparing to the image size 300 x 300.
Can you please recommend any css code to fit border to image size + align border and image in the center ?
Please note that I have the varying image size. So this code is not sufficient for my website. I think when I have image size around 300 x 300. this code does not work.
.avia-slideshow {
border: 1px solid #333;
}
Kind regards
Hey WebManager11,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi.
Please check this image for example. Hope you can understand better.
https://cdn1.imggmi.com/uploads/2018/9/17/a53714065fa9088a11967eb88d3e3615-full.png
Hi WebManager11,
I need to see the image and the HTML that you have to offer you a solution, this image tells me nothing, sorry.
If you need further assistance please let us know.
Best regards,
Victoria
Hi WebManager11,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-slideshow li img {
border: 1px #000 solid;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thansk this worked.
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon