Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Re: Remove blue line from collection page

Solved

Remove blue line from collection page

PeterB2
Tourist
7 0 3

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?

Screenshot 2024-08-21 at 16.19.23.jpg

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 833 906

This is an 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: 

BSSCommerceHDL_0-1724247628533.png

 

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 6 (6)

BSS-TekLabs
Shopify Partner
2350 688 806

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.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PeterB2
Tourist
7 0 3

Hey,

The website is www.sazy.com

niraj_patel
Shopify Partner
2378 514 506

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>

niraj_patel_0-1724248006094.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]

BSSCommerce-HDL
Shopify Partner
2305 833 906

This is an 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: 

BSSCommerceHDL_0-1724247628533.png

 

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PeterB2
Tourist
7 0 3

Thank you, that was really helpful!

BSSCommerce-HDL
Shopify Partner
2305 833 906

@PeterB2, No problem. Have a good day 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now