[Dawn] Add (Line / Divider / Rectangle) above text in Image with text section - ideally as a block

Hi all,

I’ve seen tutorials for adding dividers as entire sections but haven’t seen anything about adding a line within a section itself. I’m attaching a screenshot of my desired outcome.

Would be awesome if there were options either in the css or even better the interface itself to adjust the width of the line. Is this type of thing even possible? Apologies if this has been asked before!

Thanks!

Hey @Ottodebac77
Kindly share your Store URL and Password if enabled

Site is not live unfortunately! Important detail forgot to mention here is that this for the Dawn theme!

You can share the preview link of the draft theme because I need to have a look on the website so then I can provide you the code accordingly

Ah didn’t realize there was this functionality, thanks!

https://yxuslvry2xa5sjrh-6663602260.shopifypreview.com

Hey @Ottodebac77
I’m unable to find the section which you showed in the screenshot, can you please tell me on which page is that?

Hi,

The screenshot is an example of what I ideally want in some of my text & image sections - it’s from another site.

Here is a screenshot of the text / image section I’d like to add this for

Hey @Ottodebac77

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

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

Best Regards,
Moeed

1 Like

Hey thanks! This works and I can customize it a bit with CSS on the backend. A few questions:

  1. I noticed this only works for that specific section - how would I target additional image/text sections if I wanted to include this styling to them?

  2. How would I reduce the length (not the thickness) of the line? I tried a simple width: 200px in the styling section you provided but this impacts the text under the line as well.

Hey just wanted to follow up on this! Thank you so much again for all the help!