Forum Support

Shape 5
March 28, 2024, 09:49:32 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: VirtueMart Layout  (Read 439 times)
Hartsco
Jr. Member
**
Offline Offline

Posts: 10



« on: 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 Smiley

Thanks,
Damian
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: 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

Code:
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:

Code:
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
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Hartsco
Jr. Member
**
Offline Offline

Posts: 10



« Reply #2 on: July 18, 2014, 02:36:39 AM »

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

Cheers,
Damian
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: July 18, 2014, 04:11:52 PM »

NP

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.