SOLVED: How to change store product image border-radius and border properties

[cristenevj]

I want to change the border-radius and border properties of my store product images. I want to add a dotted line around each product image, and change the border-radius to the below.

border-radius: 20px 6px 20px 6px;
-moz-border-radius: 20px 6px 20px 6px;
-webkit-border-radius: 20px 6px 20px 6px;

Can someone please tell me where I can change it so that the rest of the site images don't have those changed properties?

site is www.jepitta.com

Running Joomla 2.5 and VM2 latest versions.

thanks!

[ivus]

Hi cristenevj,

FYI you should use Firebug/Developer Tool to find the styles you want to change.

You can define a new style in the following file "/components/com_virtuemart/assets/css/vmsite-ltr.css"

add to the very bottom: along with anything else you want to set

Code Select Expand



.main-image img,
.additional-images img{
border:2px dotted #f0f;
border-radius: 20px 6px 20px 6px;
-moz-border-radius: 20px 6px 20px 6px;
-webkit-border-radius: 20px 6px 20px 6px;
}



[cristenevj]

Thank you! Worked like a charm...