Jump to content

Remove horizontal rule from the Store page

Go to solution Solved by Jia,

Recommended Posts

2 hours ago, rhondahymason said:

@creedon

Do you know how I can remove the horizontal rule under the Category heading on the default Store page?

Thank you!

Screen Shot 2024-04-09 at 12.32.01 pm.png

Hi, try adding this to custom css. If it doesn't work, share the link to your website, and password if applicable.

.tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after {
  width:0;
}

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment

Hey @rhondahymason, try adding the below CSS to your Custom CSS area.

#siteWrapper .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after {
  border-bottom: 0px;
}

 

Squarespace Developer based in Hampshire, England

If you'd like to make a contribution for my time you can Buy Me A Coffee.

Reach out for Custom Coding - abibacon.com

Developer & Support Specialist at will-myers.com (Affiliate Link)

Link to comment
5 hours ago, Jia said:

Hi, try adding this to custom css. If it doesn't work, share the link to your website, and password if applicable.

.tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after {
  width:0;
}

Thanks Jia. I tried it but it didn't work for me.

Link to comment
1 hour ago, abibacon said:

Hey @rhondahymason, try adding the below CSS to your Custom CSS area.

#siteWrapper .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after {
  border-bottom: 0px;
}

 

I tried this but it didn't work for me. Thanks!

Link to comment
  • Solution
15 hours ago, rhondahymason said:

Thanks Jia. I tried it but it didn't work for me.

Here, try this one instead:

.products.collection-content-wrapper .nested-category-children::after {
  width: 0!important;
}

 

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.