How can I customize the featured collection on my website?

Store Design

Topic summary

Customizing the featured collection: change product title font size, hide product options, and add icons to columns.

Proposed fixes:

  • CSS provided to increase product title size and hide the quick-add section: “.card__information .card__heading { font-size: 1.3rem !important; }” and “.collection .quick-add { display: none !important; }”.
  • Use product-level metafields (custom data fields) and edit theme code (e.g., card-product.liquid) to hide specific products or attach icons to columns.

New requirements and issues:

  • Make font sizes uniform site‑wide (all paragraphs the same size), not just in the featured collection.
  • Keep an “Add to cart” button but remove “Show options”; clicking the button should open the product page instead of showing options (requires adjusting quick-add behavior/linking).
  • The added CSS did not enlarge product titles; user wants titles to match paragraph size.

Status: Ongoing. Needs guidance on global typography settings, correctly targeting selectors to change title size, and customizing the button behavior in theme templates. Images were shared but are not essential to the technical solution.

Summarized with AI on January 25. AI used: gpt-5.
1

How to change font size of product title in featured collection, clevisco.com

66D68C0B-D5F3-45F6-83D2-4DFC67AF842B.jpeg
66D68C0B-D5F3-45F6-83D2-4DFC67AF842B.jpeg1284Ă—2778 226 KB

how to hide product options from featured collections

67D743C3-259D-44C5-BDFF-A30FB7DAFAFD.jpeg
67D743C3-259D-44C5-BDFF-A30FB7DAFAFD.jpeg1284Ă—2778 234 KB

How add icons to columns

1 Like
2

@zrf100

Please add the following CSS code to your asses/base.css bottom of the file.

.card__information .card__heading { font-size: 1.3rem !important;}
.collection .quick-add { display: none !important;}

Thanks!

3

Hi @zrf100

You have multiple queries few of them requires custom code in your theme.

  1. @dmwwebartisan has answered already please let us know if its not working.

  2. To hide product from feature collection.

You can create a metafield at product level and append a class or style attribute to product block by doing custom code in card-product.liquid which will hide the product.

  1. For adding icons to collumn you can do the metafield thing again.

Hope this will help…

Let me know if you are willing to hire…

4

thank you, how do i make the sizes for fonts uniform throughout the site, ie all paragraphs to be the same font size.

5

thank you, i want the add to cart button to be there, but i dont want “show options” - it should only be add cart - clicking the button should open the product page

6

i added this code, still the product title fonts are small, i want them to be the same size paragraph, appreciate the help