All things Shopify and commerce
hi, i was wondering how i can change the colour of the font in my blog posts, i also want to change the formatting of the headings too, how can i do this? using dawn theme
https://evolvedh2o.com/blogs/news/what-to-look-for-hydrogen-water-bottle
thanks
Solved! Go to the solution
This is an accepted solution.
Hello @marlerjake
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.
@media screen and (min-width: 750px) {
body {
color: blue !important;
}
}
h1, h2, h3, h4, h5, h6 {
color: blue !important;
text-decoration: underline;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @marlerjake,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
h1.article-template__title {
color: blue !important;
}
</style>
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
this one worked thank you, but how do i change the h2, h3, etc... and paragraph text too?
can you also put it in HEX colour code formatting?
this didn't work 😞
This is an accepted solution.
Hello @marlerjake
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.
@media screen and (min-width: 750px) {
body {
color: blue !important;
}
}
h1, h2, h3, h4, h5, h6 {
color: blue !important;
text-decoration: underline;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
awesome, thank you so much.
Is there a way I can make the headings BOLD too?
And lastly, how can I edit the colour of hyperlinked text too?
Thank you again.
Thanks for accepting my solution.
can you please buy me a pizza (- Buy me a Pizza) for my work.
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.
@media only screen and (min-width: 750px) {
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
}
a {
font-weight: bold;
}
result
Thanks
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025