Need some help for the "You might also like" section..? Debut theme.

Store Design
1

Hi,

I just have 2 small things I want to do with the “You might also like” section. I am using debut theme.

  • I’d like to change the case for the section title to title case instead of uppercase.

  • I’d like to align the product prices to the left, so they are in line with the image and product title.

thanks for you help! :slightly_smiling_face:

2

@PatrickCook
Welcome to Shopify Community.
We are Glad to help you.
Kindly Share your Store URl. So that we can help you.
Thank you

3

www.bikiniwarehouse.com.au

thanks

4

Which Case you want to add lowercase.

5

Can you mark or provide me section which you want to be changed.

6 
.product-recommendations__inner h2 {
    text-transform: lowercase !important;
}
.product-card .price {
     align-items: left !important; 
}

@PatrickCook
Add this code in the Above/ top of the theme.css file

7

It didn’t work.

I want it to be “You Might Also Like” not “you might also like”.

The price did not align to the left either. It stayed in the center

8 
.product-recommendations__inner h2 {
    text-transform: capitalize !important;
}
.product-card .price {
    align-items: flex-start !important;
}

@PatrickCook
Add this code

9

thanks. that worked :slightly_smiling_face:

however, the spacing of the letters in the “You Might Also Like” title seem to be a little more spaced than normal? Can I condense this lettering a little please. :slightly_smiling_face:

10

So you want to remove the Spaces

11 
.product-recommendations__inner h2 {
    letter-spacing: .01em !important;
}

@PatrickCook

Add this code.

12

It seems the ‘You Might Also Like’ title is a little bit more spread between the letters than normal. I just want it to be the normal amount of spacing between the letters. Or is that a H1 font problem etc?

13

Thank you! :slightly_smiling_face:

14

Any thing Else you need Help?

15

Kindly Like your Solution If helpful.