How can I increase product title font size in Symmetry Theme?

Solved

How can I increase product title font size in Symmetry Theme?

sourcedbysab
Tourist
4 0 1

Hi, we are trying to make the product titles font beneath our products bigger. Any help would be greatly appreciated!

 

https://sourcedbysab.com/ is the website 🙂

 

Screenshot 2024-04-27 at 15.59.30.png

Accepted Solutions (2)

ThePrimeWeb
Shopify Partner
2138 616 502

This is an accepted solution.

Hey @sourcedbysab,

 

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.

 

18px is for desktop, 16px is for mobile. Change the values as you like. They can also be the same value if you want. 

<style>
.product-block__title {
    font-size: 18px !important;
}

@media only screen and (max-width: 989px) {
  .product-block__title {
      font-size: 16px !important;
  }
}
</style>

 

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

ThePrimeWeb_0-1714230396358.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!

View solution in original post

KetanKumar
Shopify Partner
37094 3645 12053

This is an accepted solution.

@sourcedbysab 

oh sorry for that issue 

can you please try this code 
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.

@media (min-width: 768px) {.product-block__title {font-size: 20px;} }

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
2138 616 502

This is an accepted solution.

Hey @sourcedbysab,

 

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.

 

18px is for desktop, 16px is for mobile. Change the values as you like. They can also be the same value if you want. 

<style>
.product-block__title {
    font-size: 18px !important;
}

@media only screen and (max-width: 989px) {
  .product-block__title {
      font-size: 16px !important;
  }
}
</style>

 

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

ThePrimeWeb_0-1714230396358.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
sourcedbysab
Tourist
4 0 1

Thank you so much this worked! but now the price looks kind of small 😅 is there any chance you could show me the code to increase the price font?

ThePrimeWeb
Shopify Partner
2138 616 502

Hey @sourcedbysab,

Don't delete the previous one, just add this before it.

 

 

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.

 

16px is for desktop, 14px is for mobile. Change the values as you like. They can also be the same value if you want. 

span.product-price__item.product-price__amount.theme-money {
    font-size: 16px !important;
}

@media only screen and (max-width: 989px) {
    span.product-price__item.product-price__amount.theme-money {
        font-size: 14px !important;
    }
}

 

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

ThePrimeWeb_0-1714238464602.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!

KetanKumar
Shopify Partner
37094 3645 12053

This is an accepted solution.

@sourcedbysab 

oh sorry for that issue 

can you please try this code 
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.

@media (min-width: 768px) {.product-block__title {font-size: 20px;} }

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sourcedbysab
Tourist
4 0 1

Thank you Ketan