How can I remove the price from a featured collection on a theme?

Topic summary

Main Issue:
Users want to remove product prices from featured collections and homepage sections across various Shopify themes (Sydney, Expanse, Ella, Refresh).

Primary Solution:
Add custom CSS code to hide prices:

  1. Navigate to Online Store → Theme → Edit Code
  2. Open Asset → base.css file
  3. Paste display:none CSS targeting price elements at bottom of file

Key Points:

  • For third-party themes (purchased outside Shopify’s theme store), native settings may not include price-hiding options
  • CSS solution involves targeting specific price class selectors (e.g., .product-item .price)
  • Code snippets provided work by applying display: none !important to price elements
  • Multiple users confirmed the CSS method successfully resolved their issue

Limitations:

  • Official Shopify support is limited for third-party themes
  • Some users may need Shopify Expert/Partner assistance for custom implementations
  • Solution requires basic code editing access

Status:
Ongoing thread with multiple users seeking similar solutions. Several users successfully implemented the CSS fix, while newer participants continue requesting help for their specific theme configurations.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Hi, I am with this website,

https://theblankruby.com/

how do I remove the price from the featured collection on this theme?

Thanks a lot

1 Like

Hi @urbantis !

You may be able to adjust this natively within your theme settings depending on the version and theme you are using at the moment. Can you let me know which theme you’re working with? I’ll be happy to look into this for you.

I look forward to your reply.

Hi, the theme name is sydney, it was bought on etsy and it seems to based in dawn theme. Thanks for your help

Hi @urbantis ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you

See if there’s an option to hide prices in the section’s theme settings. If not you’ll have to jump into the code.

Solution using code :

step 1 : create a checkbox for this section, in the schema tag.

step 2. add display: none css to this file when the checkbox says true.

Let me know if you need any help with the code.

@urbantis

your store password protect

@urbantis - given that this is a theme purchased outside our theme store, the assistance I can provide is limited. As @Sneha_1312 mentioned, if you do not see a settings to hide the price on your homepage sections within the theme editor, you will need to look into some code adjustments. This is something a Shopify Expert/Partner like @Sneha_1312 could help you with.

Best of luck!

1 Like

thank you, password is TBR72020

1 Like

@urbantis

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
#shopify-section-template--14397542367283__featured_products .price {
    display: none;
}
1 Like

thank you

1 Like

Hi,

I also have the same problem. I using Expanse Themes now and I want to hide the price on

Recently viewed, Featured collection, product grid too. Pls help me fix it. Thanks for your help.

1 Like

@Advanced1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi Ketan,

Thanks for your reply. Our site URL is https://www.advancedflooring.net/

Hi,

I also have the same problem. I am using Ella Theme (brought from theme forest) now. This site is built for B2B business, so I need to hide the price on the homepage and collection page.

URL: https://luxstoneworks.com/
Password: 1234

Could you please help me fix it? Thank you very much!

1 Like

@Yuyazdnf01

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product-item .price {
    display: none !important;
}
1 Like

Thanks for the quick reply! It works! Thank you very much for your help! :grinning_face:

1 Like

@Yuyazdnf01

its my pleasure to help us

Hi there,

I am sorry to bother you again.
I got a new problem, the icon do not show on the home page.

I pasted the code snippet " " into ella theme from https://fontawesome.com/icons/truck-fast?s=solid, however, the icon did not show on the page, could you please help me to fix it? Thank you very much!

URL: https://luxstoneworks.com/
Password: 1234

1 Like

@Yuyazdnf01

oh sorry but i can’t see that section can you please show me

Thanks for the quick reply!

Please check the screenshot, home page, the section below “about us”