Format/Line break text on hero image banner

Format/Line break text on hero image banner

PhMA
Explorer
52 0 6

dear community,

we are using the refresh theme

on the homepage on the hero image section, we use the out of the box text section to add text to the image.

but the text line breaks in the right text box input section (see red circle on screenshot) are not getting displayed exactly like this on the preview and also on the final website (see blue circle on screenshot).

how can I control the line breaks and format the text in the way I want it, like this:

 

Yerba mate y burbujas,

una combinación perfecta con:

0 calorías y 71 mg de cafeína

para tu boost de energía 100% natural

 

many thanks

 

preview link: https://p1sh5syf5lssg0fh-61049766108.shopifypreview.com

Screenshot 2024-10-15 at 2.32.04 a.m..png

 

 

 

Replies 4 (4)

suyash1
Shopify Partner
9974 1240 1578

I think you clicked enter in the red box, please click backspace to have remove space at line 1.

 

In blue box looks like it is set as right aligned, you can align it to center or left

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - [email protected] , My timezone is GMT+5:30.

Dan-From-Ryviu
Shopify Partner
10067 2004 2050

Hi @PhMA 

Please add '</br>' to place you want text line break Screenshot 2024-10-15 at 11.26.33.png

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

PhMA
Explorer
52 0 6

@Dan-From-Ryviu  many thanks but somehow my shopify acts completely weird when applying </br> -> in the text box on the right it works fine

but then on the preview on the left and also on the actual page, the text and breaks are competley different plus also some words are not in the same sequence

 

Screenshot 2024-10-16 at 1.46.45 a.m..png

e.g. par0 calories -> that is completely messed up -> see text entry box on the left, its not like this

 

preview link: https://p1sh5syf5lssg0fh-61049766108.shopifypreview.com  , what do I miss?

PhMA
Explorer
52 0 6

@suyash1  any ideas?