Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: [SOLVED] CSS editing, Changing colors of font..

[SOLVED] CSS editing, Changing colors of font.. 10 years 4 months ago #9

Dear sirs,
1. Please explain me where can i change colors of font and others.
Example: www.znztrading.com/en/our-products/electronical-devices/lcd-car-monitors.html
How to change here "product details" button?

2. I want to be shown list price. I did everything like written in tutorial, but it is not showing.

thanks
Last Edit: 10 years 2 months ago by Support.
The topic has been locked.

Change css 10 years 4 months ago #12

Hi,

To change the font style, the CSS file you need make edit is this:
www.znztrading.com/templates/znztrading3/html/com_virtuemart/assets/css/flexibleVM2Global.css

For example; If you are willing to change the font-size of the PricesalesPrice, the CSS rule you need find from the flexibleVM2Global.css is this:

span.PricesalesPrice, span.PricepriceWithoutTax {
font-family:"Times New Roman", Times, serif;
font-size: 18px;

}

Same idea for other DIV or SPAN elements. Use "Mozilla Firefox - Firebug" plugin to investigate the elements that you wish to change its style. With the help of Firebug plugin, you would know which CSS class name you should change from the flexibleVM2Global.css file. Understand? Google "Firebug" plugin and install it to your Mozilla Firefox.

To get the same look in Pricing as you see in our DEMO, there should be TAX rule for product prices. IF you don't have any TAX at all, then simply create a TAX rule, and make the TAX percentage %0 so there won't be any TAX to any product at all, but you will get the same look as you see in our DEMO (the baseprice will be overwritten, and the discounted will be shown below)
This is a bug in VM, the only proper solution so far is setting a virtual TAX and setting its value as %0 for not having any TAX.
The topic has been locked.

Change css 10 years 4 months ago #23

thanks for fast and full answer :)
The topic has been locked.

Change css 10 years 4 months ago #27

ur welcome ;)
The topic has been locked.

CSS editing, Changing colors of font and others. 10 years 3 months ago #66

Please sirs can we use override to attain the same effect?
Including the product 'Quick View'?

I use it allready and:
- it works for everything including product pages,but
- doesn't work into the product 'Quick Look': iframe do not take notice of any style other than (quoted from Firebug): index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=497&virtuemart_category_id=35&tmpl=component&flexible=quickbuy
as a matter of fact most of the iframe's html elements won't get any css rule.
The topic has been locked.
Time to create page: 0.044 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo