How can I add a thin line to separate sections on my homepage? Ride theme

Store Design
1

Hello,

I am using the Ride theme and on my homepage I’d like to add a thin line (white colour will do) to separate a couple of sections because I don’t like how it looks currently. Can anyone help with this please?

Screenshot (129).png
Screenshot (129).png1366×601 110 KB

2

@gyallikechelley ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above

result:

BSSCommerceB2B_0-1724928354871.png
BSSCommerceB2B_0-1724928354871.png1245×858 99.4 KB

If it helps you, please like and mark it as the solution.

Best Regards

3

Hello @gyallikechelley

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

section#shopify-section-template--23312153870678__video_QaRnHM { border-top: 2px solid #fff; padding: 10px 0; }

niraj_patel_0-1724928394802.png
niraj_patel_0-1724928394802.png1344×347 19.7 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

4

Hi @gyallikechelley ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

topnewyork_1-1724928652923.png

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

5

Amazing, this has worked. Thank you so much!