How can I remove an unwanted white box with a thin line from my website?

[RLopez]

Hi there! On our site, we encountered a section that contains an empty white rectangular space with a line in it. We do not know how to change it but would like it removed (both the box and the line). Any suggestions would be greatly appreciated.

Link: www.cocoandcobakery.com

Theme: New

[made4Uo]

Hi @RLopez,

I am not familiar with the New Theme but there might be an option using the theme editor to remove the line. If not, you can use the code below

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the theme.css file
3. At very end of the code, add the code below

.testimonials-section.testimonials-section--with-divider.text-center {
    border: none;
}

[RLopez]

Thanks! This got rid of the line but I also used the other code responses to remove the white box that remained. Thank you nonetheless!

[PageFly-Richard · Accepted solution]

Hi @RLopez , This is Richard from PageFly - Landing page builder.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>
div#shopify-section-template--18297542803739__a8394058-38ab-4b46-b748-172fbf6a79b3 {

    margin-bottom: 0;

}
</style>

I hope it would help you Best regards, 

Richard | PageFly

[RLopez]

Thank you so much! This helped a lot!

[irene-vintage]

Hello @RLopez ,

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code 

Go to Assets folder -> base.css file -> add this following code at the bottom of page:

.process-steps {
  margin-bottom: 0;
}

Save and preview

Hope this can help you out. Let us know if you need any further support.

Ali Reviews team.

[RLopez]

Thanks for the quick response!

[INA_MSWEB]

Hi @RLopez 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

#shopify-section-template--18297542803739__7f556a8c-241e-478b-879e-783812ff623e .testimonials-section--with-divider {border-top: none !important;}

#shopify-section-template--18297542803739__a8394058-38ab-4b46-b748-172fbf6a79b3 {margin-bottom: 0 !important;}

Regards,

San

[RLopez]

Thanks for the suggestion!

[oscprofessional]

Hello @RLopez 

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.testimonials-section--with-divider {
    border-top: none !important;
}
.testimonials-template--18297542803739__7f556a8c-241e-478b-879e-783812ff623e {
    padding: 0 !important;
}

[RLopez]

Thanks!