I’d like only the title of the website, EMPIRICAL WATER, to appear in bold. What’s the solution for this?
Theme: Dawn
Thanks,
Arby
Goal: Make the Shopify Dawn site title (“EMPIRICAL WATER”) appear bold.
What was tried: Adding CSS in the theme’s CSS file (Assets > base.css/style.css/theme.css): “h1.header__heading span.h2 { font-weight: 900 !important; }”. This worked only on the home page.
Working solution: Replace with a broader selector so it applies across all pages: “.header-wrapper.color-background-1.gradient.header-wrapper–border -bottom span.h2 { font-weight: 900 !important; }”. Apply it via Online Store > Themes > Edit code > Assets > the theme’s main CSS file, then save. A screenshot was shared showing the bold result.
Outcome: Confirmed by the requester as working perfectly on all pages. Discussion resolved; no remaining questions.
I’d like only the title of the website, EMPIRICAL WATER, to appear in bold. What’s the solution for this?
Theme: Dawn
Thanks,
Arby
Try this one.
h1.header__heading span.h2 {
font-weight: 900 !important;
}
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Thanks, but it only affects the font when I’m at the home page. Could it be adjusted to work when I am on other pages as well?
Oh sorry, try another then.Please, Replace on this code. Thanks!
Same Instruction.
.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom span.h2 {
font-weight: 900 !important;
}
And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Awesome! This worked perfectly. Much appreciated, thank you