VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: khadley on October 18, 2012, 22:42:55 PM

Title: Border around thumbnails
Post by: khadley on October 18, 2012, 22:42:55 PM
Hi, i'm working on a site with virtumart http://www.imaginationslive.com/c2c where the client's images have a lot of white. I'm wondering if there's an easy way to get a thin border around the thumbnail, which i think would work better,
Title: Re: Border around thumbnails
Post by: PRO on October 18, 2012, 22:54:28 PM
http://css-tricks.com/using-css-for-image-borders/
Title: Re: Border around thumbnails
Post by: khadley on October 18, 2012, 23:47:27 PM
Hi, thanks for that... but where would i add this css style? in the main template.css for the template? or is there a specific css file i should add it to?
Also, I added a module: VirtueMart Products on the front page. If i remove the add to cart (which i want) the display is vertical, if i add it then it's horizontal. HOw can i force it to stay as a horizontal display?
Title: Re: Border around thumbnails
Post by: bytelord on October 19, 2012, 00:31:39 AM
Hello,

You have to override vm css file (vmsite-ltr.css). If you are using a custom vm template there is probably already overridden so look inside your template. You could test your css styles also using firebug.

Read the following:

Use firebug to examine you site code and css styling: https://forum.virtuemart.net/index.php?topic=102850.0
Creating Template overrides: https://forum.virtuemart.net/index.php?topic=98505.0
Template System: https://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

Regards