How to change the font size of the “You may also like” portion on a product page?

[Dawn555]

I need to change the font size of the recommended product title to 19px.
Then shorten the space between the title and the product image, it looks like it's wasting too much space.

Any help will be highly appreciated!

store URL: https://www.hookeroad.com/

[namphan · Accepted solution]

Hi @Dawn555,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.product-recommendations__inner .product-card__title {
   font-size: 19px;
}
.product-recommendations__inner .product-item--media {
   --product-image-height: 255px;
}

[GTLOfficial]

Hello @Dawn555 
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

@media screen and (max-width: 749px) {
.h4.item__title.product-card__title {
font-size: 19px !important;
}
.half_row_mobile .use_align_height .product-card .product-card__image-with-placeholder-wrapper {
margin-bottom: -6rem !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks