Adding text to background video section- Whisk theme

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

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

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

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;
}

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

Did you try to save your template after adding
? It does not support that element in theparagraph :smirking_face:

No?

NemoPS_0-1706602707458.png

It does work. Front office:

1 Like

Hi @Chantelrudden

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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


Hope this can help you solve the issue

Best regards,

Richard | PageFly

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

1 Like