Solved

Capital Theme - Change Font Size of Product Title on Product Page Use Lowercase also.

just14days
Tourist
5 1 0

I am trying to change the font size on my product pages using Capital theme. I would like the font to be smaller and use lowercase letters. Below is a clip of one of my product pages. Thank you!

 

 

 

Sterling-Silver-Large-Cubic-Zirconia-Tennis-Bracelet-With-Large-Paperc-–-just14days.png

Accepted Solution (1)
just14days
Tourist
5 1 0

This is an accepted solution.

Perfect! One more question, the regular code does not work with this theme because I have to use the "theme.liquid"?

 

 

View solution in original post

Replies 9 (9)

ThePrimeWeb
Shopify Partner
1820 513 388

Hey @just14days,

 

Can you share the preview link to your store? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
just14days
Tourist
5 1 0

https://just14days.com/?_ab=0&_fd=0&_sc=1

 

I have an IP blocker, if you need me to remove it, please let me know. Thank you for the quick response!

ThePrimeWeb
Shopify Partner
1820 513 388

Oh yes please, could you temporarily remove it?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
just14days
Tourist
5 1 0

Ok, done.

ThePrimeWeb
Shopify Partner
1820 513 388

Whoops, need the store password too. Could you share it or just remove it also. Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ThePrimeWeb
Shopify Partner
1820 513 388

Hey @just14days,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

I don't know if you purposely made the letter spacing bigger, but if you didn't I normalized that. 

If you want it to stay, just remove the whole line that says 'letter-spaing: normal !important;'

2.5rem is the font size, change it however you'd like.

<style>
h1#product-title,
h3.product--item-title a {
    text-transform: none !important;
    letter-spacing: normal !important;
}

h1#product-title {
    font-size: 2.5rem !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710690111797.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
just14days
Tourist
5 1 0

This is an accepted solution.

Perfect! One more question, the regular code does not work with this theme because I have to use the "theme.liquid"?

 

 

ThePrimeWeb
Shopify Partner
1820 513 388

What do you mean by regular code?

 

I normally say use theme.liquid because everyone definitely has that file, if it's the css files, then I don't know whether your file is base.css or style.css or theme.css. So instead of playing the guessing game, I use theme.liquid instead.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
just14days
Tourist
5 1 0

Thank you so much!