VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: cheahcheewee on March 11, 2012, 04:49:06 AM

Title: [Problem] Pagination button layout messed
Post by: cheahcheewee on March 11, 2012, 04:49:06 AM
I had a problem on catogory pagination.
For the Start END NEXT button, it messed into 1 place.

Kindly see the problem as below:
http://www.oneaccessories.com/shop/index.php/component/virtuemart/mobile-phone/protector/iphone4s

Please help, hope can get some ideal to solve this.

By the way, I hope to remove "sort by" and "Manufacturer" section, kindly advise where to delete the code or close the section.

Thanks a lot.
Title: Re: [Problem] Pagination button layout messed
Post by: Toksa on March 11, 2012, 17:30:20 PM
In your vmsite-ltr.css file find a class bellow and add margin:3px;

#bottom-pagination ul li {
    display: inline;
    margin: 3px;
}
Title: Re: [Problem] Pagination button layout messed
Post by: plastique on April 12, 2012, 17:38:44 PM
I have the same problem.

CSS editing doesn't work. I read in many posts about this problem, but anywhere a solution.

Did anyone solve this ?

Thanks!

[attachment cleanup by admin]
Title: Re: [Problem] Pagination button layout messed
Post by: tzeus on April 13, 2012, 07:39:46 AM
The css editing works, you just have to add

!important;

after the margin: 3px; declaration.
Or at least this is how it worked for me.