How can I globally control h3 element sizing on my website?

Hi all,

I need help sizing

elements on our store.

and

elements are both 20 px, but

elements are 26 px for some reason, and they look super clunky. See https://www.revoderm.com/pages/cosmetic-laser-dermatology for an example?

What’s the best way to control

sizing globally? My CSS coding skills are pretty rudimentary. I’d like to size

elements at 20 px also.

Using the Debut theme.

Thanks!

1 Like

@kubrina

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
h3, .h3 {font-size: 20px !important;}
1 Like

@KetanKumar

Thank you! That did the trick.