How Do I Change the Boldness and Size of the "Color" Heading to the same as the "Bundle & Save"

Shopify Discussion
,

Topic summary

A user seeks to match the styling of a “Color” heading to their existing “Bundle & Save” heading on their Shopify product page. They’ve shared a screenshot showing the visual difference between the two elements.

Solutions provided:

  • First approach: Add CSS code to the base.css file targeting .ast-container .as with font-weight: 400 !important

  • Second approach: Navigate to base.css and add CSS targeting .legend.form__label with font-size: 16px and font-weight: 700

Both solutions involve editing the theme’s CSS file through the Shopify code editor (Online Store > Themes > Edit code > Assets > base.css). The issue appears unresolved as the original poster hasn’t confirmed which solution worked or if the problem is fixed.

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

IMG_4800.jpg
IMG_4800.jpg1170×981 61.5 KB

This is my store: https://charmente.com/products/migraine-relief-hathead-massager-gel-hot-cold-therapy-headache-migraine-relief-cap-for-chemo-sinus-neck-wearable-therapy-wrap

2

Hi @Simon159

Go to Online store > Themes > Edit code > Assets, open base.css file, add this code at the bottom

.ast-container .ast-vd-title { font-weight: 400 !important; }

Screenshot 2023-10-20 at 09.27.25.png
Screenshot 2023-10-20 at 09.27.25.png1114×634 378 KB

3

  1. Navigate to the code editor: Online Store → Themes → Edit code → base.css

  2. Add the following CSS code to the end of the file:

legend.form__label {
    font-size: 16px;
    font-weight: 700;
}