Remove blue line from collection page

[PeterB2]

Hey,

Im looking at removing this blue line just below coloured section on my collection pages, what would be the best way of removing it?

 

 

[BSS-TekLabs]

Hello @PeterB2 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[PeterB2]

Hey,

The website is www.sazy.com

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .tw-mb-2.tw-hidden.tw-h-\[1px\].tw-w-full.tw-bg-purple.sm\:empty\:tw-block {
        background: unset !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSSCommerce-HDL · Accepted solution]

Hi @PeterB2, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.tw-mb-2.tw-hidden.tw-h-\[1px\].tw-w-full.tw-bg-purple.sm\:empty\:tw-block {
    display: none !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[PeterB2]

Thank you, that was really helpful!

[BSSCommerce-HDL]

@PeterB2, No problem. Have a good day 😍