How can I create line breaks in my image banner heading?

Store Design
, ,
1

How can i make basic line breaks in a heading on my image banner? I can do it in normal html with < br > but the tag is not permitted.

I want my text to go like this:

RESILIENCE

LONGEVITY &

STRENGTH.

PINE POLLEN.

Using dawn 10.0.0

my url: www.boreome.com

password: Wjust@196!ja$09QwNf

1 Like
2

Hi @Boreome ,

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
@media only screen and (min-width: 942px){
h2.banner__heading.inline-richtext.h0 {
    padding-right: 570px;
}
}

Result:

Ribe_Dagandara_0-1690566409183.png
Ribe_Dagandara_0-1690566409183.png951Ă—505 435 KB

Ribe_Dagandara_1-1690566423541.png
Ribe_Dagandara_1-1690566423541.png1335Ă—527 592 KB

This only show in the desktop.

I hope it help.

3

Hey @Boreome

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

Moeed_0-1690567719320.png
Moeed_0-1690567719320.png1720Ă—874 277 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
4

can you let me know where you added the
tag and after you add tag what’s happens on frontend, a screenshot will be much helpful…