how to change blog post font colour

Solved

how to change blog post font colour

marlerjake
Excursionist
33 0 6

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

Accepted Solution (1)

GTLOfficial
Shopify Partner
538 114 107

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
9.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 6 (6)

BSSCommerce-HDL
Shopify Partner
2292 842 1057

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: 

BSSCommerceHDL_0-1726452087403.png

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

marlerjake
Excursionist
33 0 6

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?

marlerjake
Excursionist
33 0 6

this didn't work 😞

GTLOfficial
Shopify Partner
538 114 107

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
9.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
marlerjake
Excursionist
33 0 6

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.

GTLOfficial
Shopify Partner
538 114 107

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

1.png

Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh