Framed pictures?

Hey Martin,
Thanks for your question, I checked your page on mobile and see that you have a 6px border which looks correct, when do you see that issue “the frames are wider than the image”?

Best regards,
Mike

Hi,
Thanks for the feedback, I don’t have an iPhone but I believe that I see the issue on Android in landscape mode, please see the screenshot in the Private Content area.
So I recommend removing your border from the column and use this css to add a border around the image, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-image-container .avia-image-container-inner {
    border-width: 6px;
    border-color: #ffffff;
    border-style: solid;
}

If you would like to ensure that this border is only applied to specific images, try adding a custom class to the image such as image-border and then add your custom class to the css like this:

.image-border.avia-image-container .avia-image-container-inner {
    border-width: 6px;
    border-color: #ffffff;
    border-style: solid;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike