How to Change Header to H2 and add hover color? (Dawn Theme)

Shopify Plus
1

Hi, I’d like to switch the categories headers in my Dawn theme to h2 rather than style the font that’s already there. How can I make that switch? Also, how can I add a hover color?

2

Hi @rbuchert

To switch categories header to H2, you can change code at sections/main-collection-banner.liquid, line 15 to

## 
        {{ 'sections.collection_template.title' | t }}: 
        {{- collection.title | escape -}}

For hover color on that h2, you can add code to assets/component-collection-hero.css, after line 40, so after .collection-hero__title

.collection-hero__title {
  margin: 2.5rem 0;
}

.collection-hero__title:hover {
  color: #89ff00;
}

I added a random green one.

3

Good morning Laza, thanks so much for the reply.

This is not for the collection titles so much as the font for the main menu at the top of the site, which customers use for navigation.