How to create line breaks in product titles dawn theme

[Verterra]

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!

[parth_ghelani]

Hello @Verterra 

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

[Verterra]

Hello! 

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

[Made4uo-Ribe]

Hi @Verterra 

Would you mind to share your store URL? Thanks!

[Verterra]

Hello! 

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

[Made4uo-Ribe]

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:
• 

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

[Verterra]

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

[Rburg]

What was the solution you found? Thank you!

[Verterra]

Here you go: 
https://community.shopify.com/c/technical-q-a/how-can-i-insert-line-breaks-in-dawn-theme-product-tit...

[Rburg]

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

[WilliamLin]

I'm trying to solve the same problem too 😂