Adding border to custom content- debut theme

Store Design
1

Hello. How do I add a border (or more specifically, top and bottom border lines) to separate this text in the middle from the sections above and below it? It is a custom content section in the debut theme and I want the line colors to be #B9A6BE

Website: theregimenco.com

PW: euteug

2

@theregimenco , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
[id*='section'][class*='--slideshow'] + [id*='section']{
    border: 1px solid #B9A6BE;

    padding: 40px 0 !important;
}

[id*='section'][class*='--slideshow'] + [id*='section'] .section-header{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: unset !important;
}

[id*='section'][class*='--slideshow'] + [id*='section'] .section-header .h2{
    margin-bottom: unset !important;
}

@media (max-width: 749px){
    [id*='section'][class*='--slideshow'] + [id*='section']{
    padding: 20px 0 !important;
}

}

You can change the values as per your wish:

#B9A6BE = border color
40px = top/bottom spacing on desktop
20px = top/bottom spacing on mobile

Kind regards,
Diego

3

Hi Diego-

Thanks for your help! I’m looking for the border to be underneath the first photo and above the products. About where I drew in the attached picture.

4

@theregimenco

You can follow the previous steps and add this piece of code to remove that padding:

.index-section--slideshow{
    padding-bottom: 0 !important;
}

Kind regards,
Diego

1 Like
5

Thank you!

6

Hi Diego-

Thanks for your help last time. I would now like to add the same border to an image with text on the home page, under the gallery box. My site is live, so no password necessary- theregimenco.com