VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: DogMaDesign on April 15, 2012, 16:53:18 PM

Title: buttons VM same as Joomla
Post by: DogMaDesign on April 15, 2012, 16:53:18 PM
Hello,

I would like the Virtuemart buttons to be the same as the Joomla buttons on my website. How do I do that?

Kind regards,

Rianne Temmen
Title: Re: buttons VM same as Joomla
Post by: lipes on April 15, 2012, 19:35:41 PM
1 - Use firebug http://getfirebug.com/ in your browser
2 - Discover  the CSS where that buttons (that you want) and Copy/Paste them by placing over the CSS Joomla image directory (they need to have the same image name) ...
If they have different sizes you'll need to edit your template CSS too to add that too..
Title: Re: buttons VM same as Joomla
Post by: jenkinhill on April 15, 2012, 22:53:33 PM
Make a local copy of the current VM css file, joomla17/components/com_virtuemart/assets/css/vmsite-ltr.css
open in a text editor so you can see all the definitions.

Replace the existing vmsite-ltr.css file with a blank file, with the same filename.

Then look at the site - in this case any VM styling will come from your Joomla template css. Add whatever styles are needed to get your required appearance/layout into your Joomla template css (I add them at the end). If you know enough css this is a simple and quick way to match component & Joomla template styles.