Hi!
Im looking for a way to make the product titles capital letters in the “featured collection” section on the homepage?
here is a preview link of my store ![]()
Hi!
Im looking for a way to make the product titles capital letters in the “featured collection” section on the homepage?
here is a preview link of my store ![]()
You can acheive this on different ways, like adding the following code in the custom css in the section “depends on the theme you are using” or you can add the code to your css file.
For example for this section
in your theme.css file add the following code:
.product-item__title {text-transform: uppercase;}
No, this is my current theme. The link I shared is a preview of the new theme I am working on.
The featured collection section is what I am wanting to edit
Yes sure I noticed it
1- Go to online store
2- Edit code
3- open your theme.css file
4- Add the following code:
.product-item__title {text-transform: uppercase;}
Save your file and you are done
Hi @Gypsymoon ,
This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.
While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:
Best regards,
Anthony
Thank you!! It worked!!
Is there a way to also change the spacing between the letters?
Thank you!! This works!
Yes, you can add more this code below to theme.liquid:
You can adjust value to fit your store
You are welcome let me know if you need anything else, please mark my it as accepted solution so others can benefit from it.
Have a nice day.
Thank you so much! That’s perfect!
Yes sure just modify the code you added to this:
.product-item__title {text-transform: uppercase; letter-spacing: 2px;}
You can change the 2px to the amount you want
Can I also ask if there is a way to change the font size also?
Sure again just modify the code:
.product-item__title {text-transform: uppercase; letter-spacing: 2px; font-size: 20px;}
change the 20px to the size it suits you best
Yes totally, you can change font-size, letter spacing in this code below:
You can adjust value to fit your store
Thank you! It worked! Thanks so much for all your help