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

Store Design
,
1

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

Screenshot 2023-04-24 164240.jpg
Screenshot 2023-04-24 164240.jpg1920×1024 101 KB

2

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;
}
3

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

PageFlyRichard_0-1682388252974.png
PageFlyRichard_0-1682388252974.png1600×794 139 KB

I hope it would help you Best regards,

Richard | PageFly

4

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.

5

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

6

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;
}
7

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!

8

Thank you so much! This helped a lot!

9

Thanks for the quick response!

10

Thanks for the suggestion!

11

Thanks!