Shopify themes, liquid, logos, and UX
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?
Thanks in advance
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.
Tried this but had no luck, am I missing anything?
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);
}
No luck
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025