Hello I am new on this forum and using Virtuemart. I am trying to style the basic price on my products. I used the custom.css file to overwrite the basic price but it also styles the name, I only want the price in a bigger size and other color. I want this in the product list as in the one product view. Can anybody give me the right code for this changing? I used:
.PricebasePrice {
font-size: 18px;
font-weight: bold;
color: #f90000;
}
(http://www.mupload.nl/img/nshre84uuxe.jpg)
(http://www.mupload.nl/img/4wov64qy13h.jpg)
Use Firebug to look at the code (this is in VM3.0.11.4 using default template):
<div class="PricebasePrice vm-display vm-price-value">
<span class="vm-price-desc">Base price: </span>
<span class="PricebasePrice">500,00 €</span>
</div>
So I would expect this to work:
span.PricebasePrice {
font-size: 18px;
font:weight: bold;
color: #f90000;
}
You may need to add !important to each style.
Wow that really worked, I am very new so thats why maybe I asked this question. Can I ask you more?
I have a question about adding more than one picture for a product to show. Is that possible in VM 3 without using a extra paying extension?
Upload as many as you want on the Product Images tab (within reason). That's why it is plural - Images
Tha software & template does the rest.
There is also an option "Open additional images in the main position" in Configuration/Templates/Media Files Settings
http://docs.virtuemart.net/manual/products-menu/edit-product.html#product-images
And last question for now, do you know if it's also possible to change the price color and size on the product page, where you see all the products in the category?
(http://www.mupload.nl/img/4wov64qy13h.jpg)
Sorry I forgot to add !important and now it's done!!! My mistake
Your customs question has been moved to the right section. Please do not add unrelated items to existing threads.
This .span... code go to the vm-ltr.site.css, in which line?
I want change Price Size on the front page in category view and also on product page ..
(virtuemart 3 / joomla 3)
css rules works in ANY file .. preferably put it in the last css to load
if you change a core css file it will be reverted back on your first update
Cascading Style Sheets - clues in the name
other wise add !important and will over ride always