adding text to background video section- Whisk theme

[Chantelrudden]

I would like to add Text below the Kids books + Tooth fariy pillows 

so that it reads  like this
(heading) The Magic Awaits in the Rolling Acorn Canyon
(paragraph) Kid’s Books + Tooth Fairy Pillows 
(paragraph) Bringing simple joys to families everywhere

https://acorncanyon.com/
pass: daplau

[Liquid_xPert_SJ]

Hi @Chantelrudden 

Paste below code into your base.css file at the end and hit save

Online Theme > Edit Code > base.css file > place the code 

.banner__box  .copy--large.copy--bold.container--copy-max-width.rte {
    word-wrap: break-word;
    max-width: 330px;
    width: 100%;
}

Thanks

[NemoPS · Accepted solution]

It seems to support html, so just add <br> where you want the break

[Dan-From-Ryviu]

Please remove "'Kid’s Books + Tooth Fairy Pillows" text from your paragraph, and add this code to Custom CSS of that section.

.banner__box .container--copy-max-width.rte:before {
content: 'Kid’s Books + Tooth Fairy Pillows ';
display: block;
}

[NemoPS]

Why make it so complex when they can just add <br> where they already edit the text lol

[Dan-From-Ryviu]

Did you try to save your template after adding <br>? It does not support that element in the paragraph 😏

[NemoPS]

No?

It does work. Front office:

[Dan-From-Ryviu]

I just installed and checked this theme supports HTML elements in paragraphs 🙂 

[PageFly-Richard]

Hi @Chantelrudden 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.banner__box  .copy--large.copy--bold.container--copy-max-width.rte {
    word-wrap: break-word !important;
    max-width: 330px !important;
    width: 100% !important;
}
</style>

Hope this can help you solve the issue

Best regards,

Richard | PageFly