Add line

Store Design

Topic summary

Goal: add a thin divider line between content segments on a Shopify store without using an app.

Consensus approach: use HTML/CSS.

  • Insert an
    element where you want a line, or
  • Apply a CSS border (e.g., border-bottom) to the container/section.
  • Inspect the page’s DOM (its element structure) to target the right sections.

Technical notes:

  • is an HTML tag that renders a horizontal rule; you can style it via CSS (thickness, color, spacing).
  • border-bottom is a CSS property that draws a line at the bottom of a chosen element.
  • DOM refers to the hierarchical structure of HTML elements, which you can select in CSS.

Latest updates: the requester is unsure how to implement this and referenced the “Valerio Verdi” site as the desired look (lines after segments like “loafers” and “collections”). They asked for a simple example due to limited coding experience.

Action items: share the store URL so helpers can provide exact selectors and sample code; then either place

between sections or add border-bottom to the relevant sections.

Status: unresolved; no store URL or concrete code example has been provided yet.

Summarized with AI on December 27. AI used: gpt-5.
1

I want to add a thin line between each segments on my website. Do I need an app to do that or can coding work?

2

You can do that by code
A

tag or a
with a border should work fine

3

can you share store URL?

4

@ads1892

Do not need any app for this. Just use html tag “

” or “border” property if you are familiar with the code.

OR

Check the sections and their DOM and give bottom border.

Hope this helps. If any issues you can share your store url so I can see and suggest you more.

5

Hello @ads1892

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You just need to use

at the position you need in the content.

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

6

Im not sure how to do that. If you go to the website “Valerio Verdi” you can see that after each segment there is a line e.g. after the loafers there is a line, after the collections there is a line. I want something like this

7

Im not sure how to do that. If you go to the website “Valerio Verdi” you can see that after each segment there is a line e.g. after the loafers there is a line, after the collections there is a line. I want something like this

8

im unsure on how to do that, im not very good with coding - is there an example you could send?