Changing to custom font in "Sort by" field, Dawn 10

Solved

Changing to custom font in "Sort by" field, Dawn 10

xxxxxx
Excursionist
42 0 6

Hi there,

 

The font in the "Sort by" field on the collection page is never the same as the custom font I have on the website in general.

Does anyone know how to chang the font in the "Sort by" field?

Accepted Solutions (2)

Moeed
Shopify Partner
6737 1820 2202

This is an accepted solution.

Hey @xxxxxx 

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>
select#SortBy {
    font-family: 'Font-1682768903995';
}
</style>

Moeed_0-1690370128794.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Moeed
Shopify Partner
6737 1820 2202

This is an accepted solution.

Hey @xxxxxx 

The code I provided works in the drop-down text as well like I showed you in the screenshot. Also, I checked your website again and it is working for drop-down text as well.

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6737 1820 2202

This is an accepted solution.

Hey @xxxxxx 

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>
select#SortBy {
    font-family: 'Font-1682768903995';
}
</style>

Moeed_0-1690370128794.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


xxxxxx
Excursionist
42 0 6

Thanks.

That worked for the initial text, but not for the drop-down text.

Moeed
Shopify Partner
6737 1820 2202

This is an accepted solution.

Hey @xxxxxx 

The code I provided works in the drop-down text as well like I showed you in the screenshot. Also, I checked your website again and it is working for drop-down text as well.

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


xxxxxx
Excursionist
42 0 6

It works in all but firefox for me so as far as I am concerned, that's a solution.

Thanks for your help.