How can I change a H3 tag to H2 in Debut theme's rich text section?

Solved

How can I change a H3 tag to H2 in Debut theme's rich text section?

PickleandPug
Tourist
6 0 0

I'd like the heading of my rich text section "postage and packaging" to be a H2 tag like the others on my home page. Google inspect tool tells me its a H3. Is there a way to change it? I'm using Debut. Thanks!

www.pickleandpug.com

PW - blowla

PickleandPug_0-1632776222641.png

 

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

hello @PickleandPug 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-163277551930996d65  .grid .grid__item   .h3 {
    font-size: calc(((var(--font-h2-desktop))/ (var(--font-size-base))) * 1em) !important;
}

 

View solution in original post

Replies 4 (4)

Kinjaldavra
Shopify Partner
2303 570 1426

hello @PickleandPug 

Rich text section "postage and packaging" to be an H2 tag and its class name H3 shown can you please share a screenshot of what do you want to change? 

PickleandPug
Tourist
6 0 0

@Kinjaldavra 

Below is a zoomed out screenshot of my website. I'd like the heading "postage & packaging" (h3) to be the same format as the "shop" one (h2). Can you see how they're so slightly different. I hope that makes sense. Thank you 🙂

PickleandPug_0-1632826951911.png

 

Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

hello @PickleandPug 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-163277551930996d65  .grid .grid__item   .h3 {
    font-size: calc(((var(--font-h2-desktop))/ (var(--font-size-base))) * 1em) !important;
}

 

PickleandPug
Tourist
6 0 0

Amazing. Thank you so much 🙂