Remove + Symbol After Product Prices

Store Design
, , , , , , , , , , , , , ,

Topic summary

Main issue: Remove the “+” symbol shown after product prices on the Brooklyn theme (collections and home page), which indicates more expensive variants.

Key steps proposed:

  • Request for store URL and password (if enabled) to review the storefront.
  • CSS solution: In Online Store → Edit code, open a main stylesheet (base.css/theme.css/styles.css/theme.scss.liquid) and add a rule to hide the plus icon element (selector: span.icon.icon-plus.grid-product__price-min) by setting display: none !important.
  • Alternative approach: Edit theme.liquid and add custom code before the tag (exact snippet not visible in the thread), with a screenshot showing the result.

Outcome:

  • The original poster confirmed the fix worked. Issue resolved.

Notes:

  • Screenshots were provided to illustrate where to edit files and the resulting change.
  • No disagreements recorded; both methods aim to remove/hide the plus icon indicator.
Summarized with AI on December 26. AI used: gpt-5.
4

Hi @StoreHelpNeeded ,

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

BSSCommerceHDL_0-1719329484968.png
BSSCommerceHDL_0-1719329484968.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1719329492676.png
BSSCommerceHDL_1-1719329492676.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

span.icon.icon-plus.grid-product__price-min {
  display: none !important
}

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