Section divider

Store Design
,

Topic summary

A user wants to remove a section divider from their Shopify store (sourcedinuk.com), specifically from the testimonials section.

Solutions Proposed:

  • Sweet_Savior_3 suggests adding CSS code to theme.css that sets the testimonials section to display: inline !important
  • CodingFifty recommends a different approach: adding CSS to base.css/theme.css that changes the border-top-color to white (#ffffff !important), effectively hiding the divider

Both solutions involve editing theme CSS files through the Shopify admin panel (Online Store → Theme → Edit Code). The discussion remains open as the original poster hasn’t confirmed which solution worked.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

how do i get rid of this section divider

this is my store url

www.sourcedinuk.com

h1.PNG
h1.PNG1925×952 246 KB

2

Hello Dear Admin,

.testimonials-section.testimonials-template–23143754924355__testimonials_xCFLaA.testimonials-section–with-divider.text-center.aos-init.aos-animate {
display: inline !important;
}
please apply with this part in the theme.css

Let me know if that not work for you.

3

Hi @ti71 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.testimonials-section--with-divider {
    border-top-color: #ffffff !important;
}