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-shelves-full-height-and-split-doors

Thanks in advance.

[Moeed]

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 tag

RESULT:

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

Best Regards,
Moeed

[Mustafa_Ali]

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

[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.

[Michael-Thomas]

Hi @Nick_S2 ,

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

Hope that helps.

Kind regards,
Michael Thomas Media

[apa_1]

I would like to do the same but in the collection for mobile view. Remove the dividing line between the products.

[fabianbauer01]

what is the css code?

[PaulNewton]

@fabianbauer01 it can vary by theme and version or use case.
Other’s aren’t mind readers.
ALWAYS provide a URL to a store page that shows the topic/issue that is publicly inspectable for such things,

[fabianbauer01]

i have also the enterprise theme like [email removed]Nick_S2Merchant

[tim_1]

I believe the code was like:

shopify-section+.product-main:before,
.product-details+.shopify-section:before,
.product-main+.shopify-section:not(.product-details):before,
.product-main .product-info:before, 
.product-main .product-info:after {
  content: none !important;
}


.product-main .product-media, 
.product-main+.product-details>.container {
  border: none !important;
}

Can probably go into Theme Settings=> “Custom CSS”

Unfortunately, forum migration has eaten the code…