Re: How to create line breaks in product titles dawn theme

How to create line breaks in product titles dawn theme

Verterra
Explorer
63 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
205 31 30

Hello @Verterra 

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

Was your question answered? Mark it as an Accepted Solution.
If you need further assistance to optimize your store, please don't hesitate to reach out. I'm committed to providing you with my full support and ensuring that you get the most out of our collaboration.

Get in Touch: You can contact me directly at softkarts@gmail.com for any questions or concerns
Verterra
Explorer
63 1 9

Hello! 

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

Made4uo-Ribe
Shopify Partner
7609 1831 2245

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
63 1 9

Hello! 

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

Made4uo-Ribe
Shopify Partner
7609 1831 2245

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
63 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.