Results 1 to 5 of 5

Thread: Page Numbers

  1. #1
    Join Date
    Dec 2011
    Location
    Birmingham, United Kingdom
    Posts
    174

    Default Page Numbers

    Hi All,

    Could anyone point me in the direction of the code to change the look of the Page Numbers when you are browsing a product category please?

    Thanks

  2. #2
    Join Date
    Aug 2016
    Posts
    211

    Default

    Hi Tim,

    I assume you mean the pagination numbers with the arrows either side? I've just had a quick look and noticed the page number for the one you're currently on is smaller compared to the others either side, so I assume this is what you're looking to fix?

    If so, this line of CSS added to your style sheet will change the styling for the previous and next page numbers:

    Code:
    div#product_list table.details a { font-size: 14px; font-weight: bold; color: #A02020; }
    And this line will change the styling for the page number currently that your currently on:

    Code:
    div#product_list table.details b { font-size: 14px; font-weight: bold; color: #706E70; }

    Obviously change the font size, colour etc. to the values you're after.

    Mike

  3. #3
    Join Date
    Dec 2011
    Location
    Birmingham, United Kingdom
    Posts
    174

    Default

    Hi Mikey,

    Great...thank you sooo much! I think you will agree...it looks a lot better now

  4. #4
    Join Date
    Aug 2016
    Posts
    211

    Default

    Quote Originally Posted by Phoenix View Post
    Hi Mikey,

    Great...thank you sooo much! I think you will agree...it looks a lot better now
    Hi Tim,

    No worries and yes looks good!! Was you intentionally going for the oval shape though, or was you after a perfect circle? If so, I have re-jigged your code a bit to achieve this:

    Code:
    div#product_list table.details b {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background-color: #A02020;
    }
    Mike

  5. #5
    Join Date
    Dec 2011
    Location
    Birmingham, United Kingdom
    Posts
    174

    Default

    Hi Mike,

    Thanks so much, I was going for a circle....but didn't quite work out as i thought, so reconciled myself to an oval.

    Looks much better as a circle now though

    Thanks again!

Similar Threads

  1. Numbers
    By rijam in forum Bluepark Technical Discussion
    Replies: 20
    Last Post: 08-10-2015, 19:56
  2. Page Numbers
    By Phoenix in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 16-06-2015, 21:53
  3. Numbers appearing next to order numbers in order manager
    By SarahT in forum Bluepark Technical Discussion
    Replies: 4
    Last Post: 19-03-2014, 20:54
  4. Invoice numbers & Dispatch Numbers
    By dan1el in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 16-07-2011, 12:34
  5. Squiffy page numbers
    By oneshayes in forum Bluepark Technical Discussion
    Replies: 5
    Last Post: 29-03-2011, 13:54

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...