Adjusting the scale of nav arrows on collection page - Focal Theme

Solved

Adjusting the scale of nav arrows on collection page - Focal Theme

galleriste
Pathfinder
102 1 16

Would it be possible to make these arrows smaller in code? Here is two images about what I mean:IMG-6638.jpgFullSizeRender_146f5cde-8fc8-461f-9621-2fc1b2841ab7.jpg

Website: https://568839.myshopify.com/

Accepted Solution (1)
shreyhweb
Shopify Partner
722 118 136

This is an accepted solution.

Please add below code in theme.liquid above </body>

 

<style>
.pagination__nav-item .icon--nav-arrow-right{
    width: 15px!important;
    height: 15px!important;
}
</style>

Result:

shreyhweb_0-1736440722060.png

 

I hope this solution will be work for you. if works then please like the solution and accept it.

Thank you

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

Replies 7 (7)

shreyhweb
Shopify Partner
722 118 136

your store is now password protected so please give us the password then we will able to help you.

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
galleriste
Pathfinder
102 1 16

I removed the password

 

shreyhweb
Shopify Partner
722 118 136

This is an accepted solution.

Please add below code in theme.liquid above </body>

 

<style>
.pagination__nav-item .icon--nav-arrow-right{
    width: 15px!important;
    height: 15px!important;
}
</style>

Result:

shreyhweb_0-1736440722060.png

 

I hope this solution will be work for you. if works then please like the solution and accept it.

Thank you

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
galleriste
Pathfinder
102 1 16

Thank you! Since the size of those icons can be changed is it also possible to change the sizes of the header hamburger and tote bag?

shreyhweb
Shopify Partner
722 118 136

Yes

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
galleriste
Pathfinder
102 1 16

Can you help me with that? Making both of them smaller.

shreyhweb
Shopify Partner
722 118 136

off course. You can free to message us for the further discussion. We will help you

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com