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!
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
.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;
}
Thank you! Worked like a charm...