VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: FelixR on May 13, 2014, 11:12:04 AM

Title: Styling the Modal Pop-up add to cart window
Post by: FelixR on May 13, 2014, 11:12:04 AM
Hope this is the correct forum box!!

Dear All,

I am just restyling the modal pop-up add to cart window.

The code is
      <div id="fancybox-content" style="border-width: 10px; width: 329px; height: auto;">

and

     <div id="fancybox-wrap" style="width: 349px; height: auto; top: 470px; left: 409px; display: block;">

How do I override the the inline  CSS - where does it occur in the core file so I can create an override.

Any reason there are styles hardcoded into the page and not left to the id's to do the work?

Title: Re: Styling the Modal Pop-up add to cart window
Post by: GJC Web Design on May 13, 2014, 14:50:48 PM
components/com_virtuemart/assets/css/jquery.fancybox-1.3.4.css

the size is worked out by JS from content, viewport etc
Title: Re: Styling the Modal Pop-up add to cart window
Post by: Milbo on May 14, 2014, 16:33:14 PM
You can also just override the popup layout by joomla override system http://docs.virtuemart.net/tutorials/33-templating-layouts/78-introduction-template-system.html