How to change the font of page selector

[revtekautoparts]

Wondering how I go about changing the font of the page selector to h1? I am using a custom font file on my store and have the desired font saved as h1 (same as price font). I know it is the <a> font that is responsible for the page selector font but I cant change it as that affects the font of the product title on other pages.

Website: https://revtekautoparts.com.au/collections/frontpage

Thanks in advance

[Moeed]

Hey @revtekautoparts 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.pagination__item {
    font-family: 'Heading1' !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Mustafa_Ali]

<style>
a.pagination__item.link {
    font-size: 20px;
}
a.pagination__item.pagination__item--current.light {
    font-size: 20px;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
before the body ----->
if this code work please do not forget to like and mark it solution

[websensepro · Accepted solution]

Hi @revtekautoparts,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

a.pagination__item.pagination__item--current.light,
a.pagination__item.link{
font-family: 'Heading1' !important;  
  font-size: 24px !important;   
  font-weight: bold;
}

[ZestardTech]

Hello @revtekautoparts ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

li>a.pagination__item{
font-family:'Heading1' !important;
}

Let me know if you need further assistance!