Author Topic: Styling base price  (Read 1186 times)

MvD010

  • Beginner
  • *
  • Posts: 14
  • A beginner
  • Skype Name: MvD010
Styling base price
« on: November 02, 2015, 19:44:24 pm »
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:

Code: [Select]
.PricebasePrice {
font-size: 18px;
font-weight: bold;
color: #f90000;

}




jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26924
  • Always on vacation
    • Jenkin Hill Internet
Re: Styling base price
« Reply #1 on: November 02, 2015, 20:14:58 pm »
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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM.3.2.15.9866 on Joomla 3.8.10 PHP 7.0.30

Testing VM.3.2.15.9898 on J3.8.10

MvD010

  • Beginner
  • *
  • Posts: 14
  • A beginner
  • Skype Name: MvD010
Re: Styling base price
« Reply #2 on: November 02, 2015, 21:52:04 pm »
Wow that really worked, I am very new so thats why maybe I asked this question. Can I ask you more?

MvD010

  • Beginner
  • *
  • Posts: 14
  • A beginner
  • Skype Name: MvD010
Re: Styling base price
« Reply #3 on: November 02, 2015, 21:54:38 pm »
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?

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26924
  • Always on vacation
    • Jenkin Hill Internet
Re: Styling base price
« Reply #4 on: November 02, 2015, 22:28:14 pm »
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
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM.3.2.15.9866 on Joomla 3.8.10 PHP 7.0.30

Testing VM.3.2.15.9898 on J3.8.10

MvD010

  • Beginner
  • *
  • Posts: 14
  • A beginner
  • Skype Name: MvD010
Re: Styling base price
« Reply #5 on: November 02, 2015, 23:16:25 pm »
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?


MvD010

  • Beginner
  • *
  • Posts: 14
  • A beginner
  • Skype Name: MvD010
Re: Styling base price
« Reply #6 on: November 02, 2015, 23:20:57 pm »
Sorry I forgot to add !important and now it's done!!! My mistake

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26924
  • Always on vacation
    • Jenkin Hill Internet
Re: Styling base price
« Reply #7 on: November 02, 2015, 23:53:21 pm »
Your customs question has been moved to the right section. Please do not add unrelated items to existing threads.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM.3.2.15.9866 on Joomla 3.8.10 PHP 7.0.30

Testing VM.3.2.15.9898 on J3.8.10

fulopkrisztina

  • Beginner
  • *
  • Posts: 2
  • A beginner
  • Skype Name: afulopkriszta
Re: Styling base price
« Reply #8 on: August 02, 2018, 15:35:48 pm »
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)

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 7885
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 2.6.22 & 3.2.14
Re: Styling base price
« Reply #9 on: August 02, 2018, 15:41:04 pm »
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
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation