How can I add an underline to my Featured Products and Collection Header?

Topic summary

A user sought help adding underlines to Featured Products and Collection Header text on their Shopify store using the Dawn theme.

Solution Provided:

  • Add custom CSS code to the base.css file
  • Target specific section IDs with text-decoration: underline !important;
  • The code targets both the featured collection title (h2.title.inline-richtext.h1) and section heading elements

Outcome:

  • The solution was successfully implemented
  • User confirmed it worked perfectly

Technical Details:

  • Uses CSS selectors specific to Shopify section IDs
  • Requires !important flag to override existing styles
  • Screenshots were shared showing before/after results
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hello guys, i would like to add an underline under my Featured Products and Collection Header. I appreciate any help!
I use the dawn theme and my shop url is https://siaqa.com/

1 Like

Hi @siaqa , go to your base.css and add the following code :

#shopify-section-template--20099116663112__featured_collection h2.title.inline-richtext.h1 {
   
    text-decoration: underline !important;
}

h2#SectionHeading-template--20099116663112__2017e8b5-e3e7-4fde-900a-34f4909c3e81 {
    text-decoration: underline !important;
}

Result:

Thanks for your help, worked perfectly. I appreciate your help!

1 Like