Remove border on product page using prestige version 7.0.1

Topic summary

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:

  • .collection-toolbar__button-container + .collection-toolbar__button-container { border-inline-start-width: 0 !important; }
  • .header, .collection-toolbar { box-shadow: none !important; }
    A follow-up image indicates the look matched the request.

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

Summarized with AI on January 27. AI used: gpt-5.

Hi,

I would like to remove both borders under the word “Women” on my product page:

@admintb

give us the store URL then we will able to help you.

thanks

@shreyhweb Yes, please us this one:

https://thebasicscollection.com/products/basic-t-shirt

@admintb

are you want to this look?

1 Like

@shreyhweb Yes, absolutely!

1 Like

@admintb

ok wait a few minutes we will send the code for it.

1 Like

@admintb

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 :slightly_smiling_face:

@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?

@admintb

If you want to communicate further information related for your store then we will always here for help you.

Thankyou :slightly_smiling_face:

1 Like

@shreyhweb Can you help with this?

@shreyhweb Can you remove the middle border?

1 Like

@admintb

hello

which type of border you want to remove can you please give us screenshot?