Hi,
I would like to remove both borders under the word “Women” on my product page:
Goal: remove borders under the “Women” label on a product page using Shopify’s Prestige theme v7.0.1.
Context: Store URL shared for reference (thebasicscollection.com/products/basic-t-shirt). Images are central to show the current and desired look.
Solution provided: Add custom CSS above in theme.liquid to remove the adjacent button border and header/toolbar shadow:
New requests: further tweaks to 1) remove the “middle border” and 2) set the text size to 13px. A screenshot was shared for these, but the helper asked for clarification/screenshot again to identify which border to remove.
Status: Partially resolved. Initial borders/shadows removed via CSS; font-size change and removal of the specific “middle border” remain open.
Action items: clarify which “middle border” element should be targeted in CSS and provide code to set the relevant text to 13px (likely via a specific selector in the collection toolbar).
@shreyhweb Yes, please us this one:
@shreyhweb Yes, absolutely!
ok wait a few minutes we will send the code for it.
add below code above in theme.liquid
.collection-toolbar__button-container+.collection-toolbar__button-container { border-inline-start-width: 0!important; } .collection-toolbar__button-container+.collection-toolbar__button-container { border-inline-start-width: 0!important; } .header, .collection-toolbar { box-shadow: none!important; }after added
if the solution helpful for you then please like the post and tap to accepted solutions.
Thankyou ![]()
@shreyhweb I’m already so much grateful to you, but one more issue with this:
Can you remove the middle border?
Can you make the text 13px?
If you want to communicate further information related for your store then we will always here for help you.
Thankyou ![]()
@shreyhweb Can you help with this?
@shreyhweb Can you remove the middle border?