Forums

How to make spaces between pagination page numbers in eCommerce?

Permalink
Hi,

Can someone please point me in the right direction on how to add a space (or 2) between the page numbers that the eCommerce add-on generates for the product list when you have a large number of products?

They are all currently bunched up together - and it doesn't look too crash hot at all. (see picture attached)

Cheers, Patrick

1 Attachment

PatrickCassidy
 
ronyDdeveloper replied on at Permalink Best Answer Reply
ronyDdeveloper
Here is the css
.pagination {
    color: #60605F !important;
    float: right;
    font-size: 14px !important;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 324px;
}
.pagination span {
    margin-right: 3px;
}
.pagination a {
    color: #C63918;
    text-decoration: none;
}
Viewing 15 lines of 18 lines. View entire code block.


Rony
PatrickCassidy replied on at Permalink Reply
PatrickCassidy
Hi Rony

Thanks for your reply. I've put the CSS in to my main.css file for my theme, and changed the main pagination div to float left instead of right... But for some weird reason, the pagination has placed itself with the breadcrumb block that I have underneath the product list table??

Here's the link to the site:

http://www.qroo.com.au/our-products/spare-parts/qrr8313-parts/...
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
here is the revised css
.pagination {
    clear: both;
    color: #60605F !important;
    font-size: 14px !important;
    margin-bottom: 10px;
    margin-top: 15px;
}


Note: Float is removed from above.

Rony
PatrickCassidy replied on at Permalink Reply
PatrickCassidy
That worked,thanks Ronny!
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
wc