visable border on product gallery images

.woocommerce-product-gallery__image.flex-active-slide {
    border-style: solid;
    border-color: darkgray;
    border-width: 1px;
}

To add or override CSS: use the “Additional CSS” option in the customizer.  https://developer.www.ads-software.com/advanced-administration/wordpress/css/#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.

Use the?Chrome Developer Tools?or?Firefox Developer Tools?to help you see and test changes to your CSS.

that worked but not in the right place i need it around the 4 smaller images below. can that work?

.flex-control-thumbs img {
    border-style: solid;
    border-color: darkgray;
    border-width: 1px;
}

genius. thank you, worked like a charm.

quick question steven stern.

that css you gave me above is there anyway to apply it to a single product page? or a whole category but not the whole site?

Yes. Look at the “body” tag on a page (using view-source) and you can create CSS specific identifiers based on page and/or product ids.

ok i did look at that but i think its written in ‘alien’ i am lost on this one i could locate the area but no product id or page id… I’m hoping you can translate alien, you’ve solved it all so far…

please and thank you

I can’t build your site for you; that goes beyond the scope of what we do here. If you’re looking for a developer to hire we recommend checking at jobs.wordpress.net.

was only asking if there was a slightly different bit of code…. with some humour. wont bother again.