Add line breaks to image banner text using Dawn theme

Solved
sanjivp27
Excursionist
15 0 4

On Dawn theme, how would I make the lines in the third image banner that say "More Bracelets More Cultures Coming Soon" break after every two words so that it would say "More Bracelets" "More Cultures" "Coming Soon" without affecting any other sections on the site?

sisubracelets.us

Accepted Solutions (2)
KetanKumar
Shopify Partner
36695 3634 11889

This is an accepted solution.

@sanjivp27

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file.

#shopify-section-template--15281682645049__165482782014dcccfd h2.banner__heading.h0 { max-width: 580px; margin: 0px auto; }

If helpful then pleaseLikeandAccept Solution.
Want to modify or custom changes on storeHire me.
- Feel free to contact me onbamaniyaketan.sky@gmail.comregarding 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

KetanKumar
Shopify Partner
36695 3634 11889

This is an accepted solution.

@sanjivp27

confirm look

KetanKumar_0-1658040696234.png

if move code top of the file

If helpful then pleaseLikeandAccept Solution.
Want to modify or custom changes on storeHire me.
- Feel free to contact me onbamaniyaketan.sky@gmail.comregarding 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

Replies4(4)
KetanKumar
Shopify Partner
36695 3634 11889

This is an accepted solution.

@sanjivp27

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file.

#shopify-section-template--15281682645049__165482782014dcccfd h2.banner__heading.h0 { max-width: 580px; margin: 0px auto; }

If helpful then pleaseLikeandAccept Solution.
Want to modify or custom changes on storeHire me.
- Feel free to contact me onbamaniyaketan.sky@gmail.comregarding 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
sanjivp27
Excursionist
15 0 4

@KetanKumar

Thank you very much for helping me with this problem. Unfortunately, the code you provided resulted in nothing changing in the website. Is there anything else I could do to fix this?

KetanKumar
Shopify Partner
36695 3634 11889

This is an accepted solution.

@sanjivp27

confirm look

KetanKumar_0-1658040696234.png

if move code top of the file

If helpful then pleaseLikeandAccept Solution.
Want to modify or custom changes on storeHire me.
- Feel free to contact me onbamaniyaketan.sky@gmail.comregarding 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
sanjivp27
Excursionist
15 0 4

@KetanKumar

That worked. Thank you very much for the help.