How to the change the navigation numbers font on Flow Theme

Store Design
1

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
Screen Shot 2022-04-14 at 7.49.01 PM.png758×528 23.1 KB

2

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;
}
  1. Layout → /theme.liquid → paste code below into the tag 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.

3

@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 */
}
4

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.