Solved

Decrease Font Size of the Product Title for Craft Theme

Lucy5134
Tourist
7 0 1

Hello All,

I'm reaching out for some assistance with the Craft theme on my store. Specifically, I've been trying to decrease the font size of the product titles but haven't had success so far.

I've tried a few methods, including adjusting the CSS files, but it seems I might be missing something or not targeting the right element. If anyone has experience with this particular theme and can guide me on how to effectively change the product title font size, I would greatly appreciate it!

Thank you in advance for your time and expertise.

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7726 1506 1515

This is an accepted solution.

Hi, it works but you can make your product title smaller by changing 26 to 24

.product__title h1 { font-size: 24px !important; font-weight: normal !important; }

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 10 (10)

zaczee
Globetrotter
848 46 42

Hi,

 

Can you share your store url

Lucy5134
Tourist
7 0 1

thanks!

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

Hi @Lucy5134 

Please go to your Online store > Themes > Edit code > Assets, open base.css file and add this code at the bottom 

h1.product__title { font-size: 26px !important }

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Lucy5134
Tourist
7 0 1

Hi Dan,

Thank you for the detailed instructions. We followed them and added the code to the base.css file as you suggested. However, we're still unable to decrease the font size of the product title in the Craft theme. Any further guidance would be greatly appreciated.

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

Please change code to this 

.product__title h1 { font-size: 26px !important }

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Lucy5134
Tourist
7 0 1

Hi Dan, We just tried the new code, but it doesn't seem to work either.

 

Lucy5134_0-1697532849509.png

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

This is an accepted solution.

Hi, it works but you can make your product title smaller by changing 26 to 24

.product__title h1 { font-size: 24px !important; font-weight: normal !important; }

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Lucy5134
Tourist
7 0 1

Fantastic, it worked! I truly appreciate your assistance!

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

You are very welcome, @Lucy5134 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

juliamaxmax
New Member
11 0 0

в каком низу? в низу чего? в самом низу ? Снимок экрана 2023-11-16 082819.png

Spotlight theme