Solved

How can I reduce text size in my product slider?

byneilvernon
Tourist
21 0 3

Hi all,

 

I am having trouble reducing the size of my titles on product sliders (on my home page). I would like to reduce the size and, also update the font to be my heading font (Futura Book) - it is currently appearing as the font set for my body text (Avenir). 

 

This is a screenshot of it currently:

Screen Shot 2023-11-21 at 12.34.37 pm.png

 

This is what I would like it to look like:

Screen Shot 2023-11-21 at 12.34.46 pm.png

 

Site theme is Pipeline and my url is: https://768950-4.myshopify.com/

Any form of help is greatly appreciated!

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
7992 1560 1583

This is an accepted solution.

Hi @byneilvernon 

Go to your Online store > Themes > Edit code > open theme.css, add this code at the bottom and save file 

.product__grid__info .product__grid__title {
    font-family: var(--FONT-STACK-HEADING);
    font-weight: 400;
    font-size: 16px;
}

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Dan-From-Ryviu
Shopify Partner
7992 1560 1583

This is an accepted solution.

You can use this code to adjust the size and font of price 

.product__grid__info .product__grid__price .price .money {
    font-family: var(--FONT-STACK-HEADING) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

 

 

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7992 1560 1583

This is an accepted solution.

Hi @byneilvernon 

Go to your Online store > Themes > Edit code > open theme.css, add this code at the bottom and save file 

.product__grid__info .product__grid__title {
    font-family: var(--FONT-STACK-HEADING);
    font-weight: 400;
    font-size: 16px;
}

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

byneilvernon
Tourist
21 0 3

This worked perfectly! Thank you so so much. Just wondering - am I also able to adjust the size/font family of the price text?

Dan-From-Ryviu
Shopify Partner
7992 1560 1583

This is an accepted solution.

You can use this code to adjust the size and font of price 

.product__grid__info .product__grid__price .price .money {
    font-family: var(--FONT-STACK-HEADING) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

 

 

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

byneilvernon
Tourist
21 0 3

Thankyou Dan!

Dan-From-Ryviu
Shopify Partner
7992 1560 1583
You are very welcome

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.