Remove the dividing lines on product page - Enterprise theme

[Nick_S2]

I can't seem to remove the dividing lines on the product page. I am using the Enterprise theme. Is this possible?

https://anteck.com.au/collections/roll-cages/products/a-base-roll-cage-4-sided-with-base-and-mid-she...

Thanks in advance.

[Moeed · Accepted solution]

Hey @Nick_S2 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-main .product-info:after {
    display: none !important;
}
.product-main+.product-details+.shopify-section:before {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Nick_S2]

Hi @Moeed - fantastic - worked perfectly. Thanks for your help.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Mustafa_Ali]

<style>
.product-breadcrumbs+.product-main .product-info:before, .product-breadcrumbs+.product-main .product-info:after {
    display: none;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[Michael-Thomas]

Hi @Nick_S2 , 

On product page add a section Custom HTML/Liquid and ad the following code inside it.

<style>
  /* Hide ::before on the Shopify section */
  #shopify-section-template--24183899390237__0b92e711-f78f-478f-8d18-58901cdd5940::before,
  /* Hide ::after on .product-info--sticky */
  .product-info.product-info--sticky::after {
    display: none !important;
    content: none !important;
  }
</style>

Hope that helps.

Kind regards,
Michael Thomas Media