News:

Support the VirtueMart project and become a member

Main Menu

add borders to the product page

Started by jvmcode, September 16, 2013, 12:35:28 PM

Previous topic - Next topic

jvmcode

hi,I'm new member. :)
I want to add a border around product.Anyone can help me.I use joomla 2.5,virtuemart 2 and my template.

Maxim Pishnyak

You need to adjust CSS properties. Adjusting could be tested with the help of Firebug (FAQs in current forum section).
You can support Community by voting for Project on the JED
https://extensions.joomla.org/extension/virtuemart/#reviews
Join us at
https://twitter.com/virtuemart

jvmcode

I tried:
index.php:

<div class="content-layout">
    <jdoc:include type="component" />
    </div>

template.css:

.content-layout
{
  border:5px solid red;
}

but the border does not show

Maxim Pishnyak

You can support Community by voting for Project on the JED
https://extensions.joomla.org/extension/virtuemart/#reviews
Join us at
https://twitter.com/virtuemart

jvmcode

I found vmsite-ltr.css in ..\components\com_virtuemart\assets\css.
modify:
.product-price{margin:0 0 15px;}
to:
.product-price{margin:0 0 15px;border: 1px solid #00FF00;}
I get a border around the price :o

Maxim Pishnyak

You can support Community by voting for Project on the JED
https://extensions.joomla.org/extension/virtuemart/#reviews
Join us at
https://twitter.com/virtuemart