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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025