change colour of my coded lines

[ads18922]

hello, i added some code to part of my store so that there are lines to separate some sections. In this code, there is a colour option, but every time i try and change it, it just stays white. I would like the lines to be a light grey, similar to the separator line in my footer:

here is an example of one of my lines i have added on my store. As you can see, it's just a white line - i would like it to look like this colour:

which is like a subtle grey line (this is a line in my footer which i didn't add with code)

my store is www.antico-abito.com , theme is dawn

[websensepro]

Hi @ads18922 ,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
@media(max-width:767px){
#shopify-section-template--24944730112323__rich_text_R4tpqp [class*="rich_text"] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#shopify-section-template--24944730112323__featured_collection [class*="featured_collection"] {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#shopify-section-template--24944730112323__rich_text_xAWPYY [class*="rich_text"] {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#shopify-section-template--24944730112323__rich_text_8x8eYW [class*="rich_text"] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}
@media(min-width:768px){
#shopify-section-template--24944730112323__rich_text_R4tpqp [class*="rich_text"] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#shopify-section-template--24944730112323__featured_collection [class*="featured_collection"] {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#shopify-section-template--24944730112323__rich_text_xAWPYY [class*="rich_text"] {
   border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
#shopify-section-template--24944730112323__rich_text_8x8eYW [class*="rich_text"] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}
</style>

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[ads18922]

that is great, however, in your code you have added some random lines in some places - is there any way you could make the lines just for the places where the original lines were?

[topnewyork]

Hi @ads18922,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.rich-text,
#shopify-section-template--24944730112323__featured_collection [class*="featured_collection"],
#shopify-section-template--24944730112323__rich_text_R4tpqp [class*="rich_text"] {
    border-bottom: 1px solid #1f2f2e !important;
}

Thanks!

[ads18922]

in your image there is no line?