: VirtueMart Layout
: Hartsco July 17, 2014, 05:53:44 AM

Hi,

Hoping someone can help me with some styling issues.

I'm running this template with VM 3 and it looks to be working well (I'm new to VM), but am having some issues with the layout.

I have a module published to the home page (VM Featured Products) which is looking rather squished (http://tyres.hartsco.com/) plus, on the VM home page under "Products" on the same site, the layout is a lot better but still slightly off (missing left border on first box and overlapping quantity box/details button)

Would really apreciate some advice on how to tidy this up :)

Thanks,
Damian

: Re: VirtueMart Layout
: mikenicoll July 17, 2014, 07:52:25 PM

Hello Hartsco,

All the CSS for this is generated by the Virtumart component. One thing that might help is removing the absolute positioning call from here

vm-ltr-site.css - line 34

.addtocart-bar {
    bottom: 4.2em;
    margin: 0;
    padding: 0;
    position: absolute;
}

Then maybe reducing the font size and padding values for the buttons here:

vm-ltr-site.css - line 42

span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
    background: none repeat scroll 0 0 #0077b3;
    border: 1px solid #00669a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 0.8em;
    letter-spacing: 1px;
    max-width: 100%;
    padding: 0.8em 0.81em;
    text-align: center;
    width: 12em;
}

Other than that though you would need to contact Virtuemart directly as this isn't our Extensions and it has its own CSS files for it.

-Mike

: Re: VirtueMart Layout
: Hartsco July 18, 2014, 02:36:39 AM

Thanks Mike - that's got me in the right direction.

Cheers,
Damian

: Re: VirtueMart Layout
: mikenicoll July 18, 2014, 04:11:52 PM

NP

-Mike

Shape 5

Joomla Templates => No1 Shopping - Club => : Hartsco July 17, 2014, 05:53:44 AM