How to change font type for page selector

How to change font type for page selector

revtekautoparts
Excursionist
38 0 9

I want to change the font for the page selector (circled in blue) to the font I have set for h1. I can change this from changin the <a> tags font but this changes all the fonts using those tags. How can I change the font of only the page selector? 

 

Screenshot 2025-04-15 183406.png

 

Thanks in advance

Replies 5 (5)

Dotsquares
Shopify Partner
369 22 49

Hi @revtekautoparts 

To change the font only for the page selector (without affecting all <a> tags), you’ll need to target it with a more specific CSS selector.

For example, if your page selector is inside a container like .pagination, you can do something like this:

 

.pagination a {
  font-family: var(--font-heading-family); /* Or your specific H1 font */
}

 

This way, it only affects the links inside the pagination component and not the rest of your site.

 

Dotsquares Ltd


Problem Solved? ✔ Accept and Like solution to help future merchants.


Shopify Partner Directory | Trustpilot | Portfolio
revtekautoparts
Excursionist
38 0 9

Tried this but had no luck, am I missing anything?

Screenshot 2025-04-15 213512.png

Small_Task_Help
Shopify Partner
965 38 93

Hi,

Hope this will help

- Find class name of page selector
- At css file add .pagination
Code example

.pagination a {
  font-family: var(--font-heading-family);
}
To Get Shopify Experts Help, Click Here or E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert India
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad
revtekautoparts
Excursionist
38 0 9

No luck

 

revtekautoparts
Excursionist
38 0 9