VirtueMart Forum

VirtueMart 2 + 3 + 4 => Product pricing => Topic started by: geoele on February 02, 2016, 09:20:16 AM

Title: The line erase effect on base price how to?
Post by: geoele on February 02, 2016, 09:20:16 AM
Hello. There is any way in VM 3 to make the line erase effect on the base price to show the discounted price like the attachment image below?
(//)
 
Title: Re: The line erase effect on base price how to?
Post by: GJC Web Design on February 02, 2016, 11:05:21 AM
simple css.. target the element and apply

text-decoration: line-through;
Title: Re: The line erase effect on base price how to?
Post by: geoele on February 02, 2016, 12:04:14 PM
GJC Thank you very much for your answer. I put your code to vm-ltr-site.css here:

span.vm-price-desc {
  text-align: left;
  min-width: 16px;
  margin: 0 12px 3px 0;
text-decoration: line-through;
}

It's working bat affect the two prices the base and the final and i want to affect only the base price you have any idea?
Thanks again
Title: Re: The line erase effect on base price how to?
Post by: jenkinhill on February 02, 2016, 12:16:10 PM
Make your selector more specific, eg next div class back?

And be sure to use the edited vm-ltr.css as an override file.
Title: Re: The line erase effect on base price how to?
Post by: geoele on February 02, 2016, 12:23:48 PM
Hello jenkinhill. Yes i use it as an override inside my template css folder as you sey to another post and the glass is vm-price-desc i think so

Thank you. 
Title: Re: The line erase effect on base price how to?
Post by: GJC Web Design on February 02, 2016, 17:07:02 PM
we can't help you without a live site url
Title: Re: The line erase effect on base price how to?
Post by: geoele on February 03, 2016, 09:58:24 AM
Sorry about the delay. It's not live yet. Is on my Xampp server here http://85.74.34.0/pharmaseenew. Can you try pls?