We utilize essential cookies to ensure our website operates effectively and remains secure. Additionally, we'd like to request your permission to use optional cookies. These are intended to enhance your browsing experience by offering personalized content, displaying advertisements that are relevant to you, and helping us to further refine our website.
Choose "Accept all cookies" to agree to the use of both essential and optional cookies. Alternatively, select "Let me see" to customize your preferences.
Privacy Preference Centre
Our website utilizes cookies to enhance your browsing experience and to present you with content tailored to your preferences on this device and browser. Below, you will find detailed information about the function of cookies, enabling you to make informed choices about which cookies you wish to accept. Please note that disabling certain cookies might impact your user experience on our site. It's important to remember that cookie preferences need to be set individually for each device and browser you use. Clearing your browser's cache may also remove your cookie settings. You have the freedom to modify your cookie preferences at any point in the future.
For a comprehensive understanding of our use of cookies, please refer to our complete cookies policy.
These cookies are needed for the website to work and for us to fulfil our contractual obligations. This means they can't be switched off. They enable essential functionality such as security, accessibility and live chat support. They also help us to detect and prevent fraud. You can set your browser to block or alert you about these cookies, but it means some parts of the site won't work.
Performance and Analytics
These cookies allow us to measure and improve the performance of our site. They help us to know how popular pages are, and to see how visitors move around the site. If you don't allow these cookies, we won't know when you've visited our site, and we won't be able to monitor its performance.
Functional
These cookies enable us to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we've added to our pages. If you don't allow these cookies, some or all of these services may not work properly.
Advertising
These cookies collect information about your browsing habits to show you personalised adverts. They may be used to build a profile of your interests and show you relevant adverts on other sites. They don't store directly personal information, but are based on uniquely identifying your browser and internet device. If you don't allow these cookies, the adverts you see will be less relevant.
This code allows you to do custom pagination boxes and offers some more flexibility over the design and colours.
See the effect in action
How to use the Effect
Simply head to the 'edit CSS' section of Blocklab whilst you are on the product page, copy and paste the below code in, hit 'Save' and then go back to Blocklab and hit 'Publish' to apply the effect.
#shop .block #shopblocks-pagination .pagination li.btn-pagination-selected a {background-color: #000 !important; color: #fef200 !important;} #shop .block #shopblocks-pagination :hover {background-color: #000 !important; color: #fef200 !important;} #shop #shopblocks-pagination .pagination li a {border-color: black !important; color: #000 !important;}
(To set the background colour of the button, edit the Blue code) (To set the text colour, edit the Red code) (To set the border colour, edit the Green code)
This code is universal across all pagination boxes.
