Reducing size of text in product slider

[byneilvernon]

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:

This is what I would like it to look like:

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

Any form of help is greatly appreciated!

[Dan-From-Ryviu · 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;
}

[Dan-From-Ryviu · 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;
}

[byneilvernon]

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 · 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;
}

[byneilvernon]

Thankyou Dan!

[Dan-From-Ryviu]

You are very welcome