How to create line breaks in product titles dawn theme

How to create line breaks in product titles dawn theme

Verterra
Explorer
62 1 9

Hi, I would like to create line breaks in the product titles on my website. 
For example, I would like there to be a line break before "castile hand and body wash", so a product listing should look like: 

Eucalyptus & Grapefruit
Castile Hand & Body Wash

Any advice please? Thanks!

Verterra_0-1719561819228.png

 

Replies 9 (9)

parth_ghelani
Shopify Partner
80 12 12

Hello @Verterra 

Can you please share the store URL and password, so i can check and gives you best solution...

Parth Ghelani
Verterra
Explorer
62 1 9

Hello! 

My store URL is: https://verterra.sg/password, password is VerterraTest123

Made4uo-Ribe
Shopify Partner
6961 1656 2041

Hi @Verterra 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Verterra
Explorer
62 1 9

Hello! 

My store URL is: https://verterra.sg/password, password is VerterraTest123

Made4uo-Ribe
Shopify Partner
6961 1656 2041

Thanks for the info, This edits will be more breaking the words when the screen gets smaller. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.card__information h3 {
    width: 55%;
    margin: auto;
    height: auto !important;
}
.card__information {
    display: flex;
    flex-direction: column;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1719763775562.png

     

  • Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Verterra
Explorer
62 1 9

Thank you! Unfortunately this didnt work for me but I managed to find a solution on another forum! Thank you again

Rburg
Tourist
3 0 0

What was the solution you found? Thank you!

 

Rburg
Tourist
3 0 0

Thank you! Did you ever figure out how to not see the <br> in the title? I've been following that thread as well.