product page. products border color change

try these styling rules

.panel-widget-style{border-color:<<yourcolor>>}

and

.panel-widget-style:hover{ border-color:<<yourcolor>>}

Hey,
Are you talking about the woocommerce product? here:
https://myukmarket.co.uk/product-category/android-tablets/8-9-inch-android-tablet-pc/

You can add this to the theme potions > advanced settings, custom css box:

.products div.product {
    border-color: blue;
}
.products div.product:hover {
border-color: red;
}

Kadence Themes

Hi kadence themes.
Actually that is what i wanted. The css for the hover works perfect but the border color when its not hovering doesn’t work.
Thank you

in your custom css you added this:

.products div.product:hover {
border-color:#f66912;
}
}

.products div.product: {
border-color:#250cb2;
}
}

and it should be:

.products div.product:hover {
border-color:#f66912;
}
.products div.product: {
border-color:#250cb2;
}

hi kadence themes
I did change that. and still doesn’t work. As i said before the hover option works but not the border for the product.
thank you.

Sorry I keep pasting the wrong css:

.products div.product:hover {
border-color:#f66912;
}
.products div.product {
border-color:#250cb2;
}

That should work.

Kadence Themes