How to the change the navigation numbers font on Flow Theme

pjk3635
Tourist
13 0 2

How can I change the navigation numbers font? Already tried .pagination but not working. Thanks!

 

Site: https://vtze9uhjodrhx4fb-12859847.shopifypreview.com

 

Screen Shot 2022-04-14 at 7.49.01 PM.png

Replies 3 (3)

Halothemes
Trailblazer
168 30 44

Hi @pjk3635 , 

 

You can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> create separate css file for css code then paste code below in the file.
Ex: /custom.css

.pagination li, .pagination li.pagination-number a {
    font-family: 'Neuzeit Office' !important;
    font-size: 20px !important;
}

3. Layout -> /theme.liquid -> paste code below into the tag <head></head> of the file:

{{ 'custom.css' | asset_url | stylesheet_tag }}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Best regards.

HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE

KetanKumar
Shopify Partner
36904 3641 11986

@pjk3635 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.min.css ->paste below code at the bottom of the file.

.noscript-pagination .pagination-number a, .pagination .pagination-number a
{
font-size: 24px; /* change value as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

AvadaCommerce
Shopify Partner
3879 839 968

Hi @pjk3635 ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/custom.css->paste below code at the bottom of the file:

 

.pagination li, .pagination li.pagination-number a {
    font-family: 'Neuzeit Office' !important;
    font-size: 20px !important;
}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

banned