Single Product Page – Add Border to Image

Hey, try putting this into your custom css box in theme options > advanced settings:

div.product .product_image {
border: 5px solid #000;
}

Hannah

Thank you!

Is there a way to keep the border when the website adjusts to a mobile version? It disappears once it gets to a certain page width.

Looking at your custom css box you have a media query that is applying to all your css in the bottom half of your custom css box. Which means that the css you have been adding is only working on desktop screens because your media query is only allowing it to be applied to screens larger then 1200px.

This section needs another bracket at the end

@media (min-width: 1200px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 220px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}

Kadence Themes