VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: RFCdesign on November 24, 2014, 21:09:27 PM

Title: VM Shopping cart module "container" css error
Post by: RFCdesign on November 24, 2014, 21:09:27 PM
HI, In VM shopping module the "container" css around the items is extending outside of my website's border. How do I fix it?
Please refer to the two images attached.
(http://rfc.museum/images/links/vm-cart-01.jpg)
(http://rfc.museum/images/links/vm-cart-02.jpg)
Thank you
Title: Re: VM Shopping cart module "container" css error
Post by: GJC Web Design on November 24, 2014, 21:36:53 PM
It probably wasn't the best idea to use the class .container as this is now the std. surround class for bootstrap.
It has though been this for a long time and is part of the JS for the cart ajax

You just need to target
.vmcartModule .container {

}

and over ride the current css to position/render it correctly
Title: Re: VM Shopping cart module "container" css error
Post by: RFCdesign on November 24, 2014, 21:50:32 PM
Thank you! but where do I add this code into? Let's say I want it to be 100% width...

.vmcartModule .container {
width: 100%;
}
Title: Re: VM Shopping cart module "container" css error
Post by: GJC Web Design on November 24, 2014, 21:59:49 PM
In any css file that is called for your VM pages - that is the beauty of css