What's your biggest current challenge? Have your say in Community Polls along the right column.

how do i change the font colour of my blog post headline on the blog page

Solved

how do i change the font colour of my blog post headline on the blog page

dumbl3d00r
Excursionist
49 0 11

i want to change the title of all 4 of my blog pages to match my current font colour which is #fdf1e5  my website is https://edcf73-5d.myshopify.com/ 

IMG_4479.jpeg

Accepted Solution (1)

akshay_bhatt
Shopify Partner
115 11 13

This is an accepted solution.

Hi @dumbl3d00r ,

To change the title color of all four of your blog pages to match your current font color (#fdf1e5), you can add custom CSS to your Shopify store. Here's how you can do it:

  1. Access your theme's CSS file:

    • From your Shopify admin, go to Online Store > Themes.
    • Click on Customize next to your active theme.
    • In the customization panel, click on Theme Settings at the bottom.
    • Select Custom CSS or Edit code depending on your theme's setup.
  2. Add Custom CSS to Target Blog Titles: Add the following CSS code to target the blog page titles specifically and change their color:

 

.blog .page-title {
    color: #fdf1e5 !important;
}

 

 

This will apply the color #fdf1e5 (the light yellow color) to the titles on your blog pages.

 

  • Save Changes: After adding the CSS, click Save to apply the changes.

     

  • Check Your Blog Pages: Refresh your blog pages to ensure the title color has updated correctly.

 

 

    

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us

View solution in original post

Reply 1 (1)

akshay_bhatt
Shopify Partner
115 11 13

This is an accepted solution.

Hi @dumbl3d00r ,

To change the title color of all four of your blog pages to match your current font color (#fdf1e5), you can add custom CSS to your Shopify store. Here's how you can do it:

  1. Access your theme's CSS file:

    • From your Shopify admin, go to Online Store > Themes.
    • Click on Customize next to your active theme.
    • In the customization panel, click on Theme Settings at the bottom.
    • Select Custom CSS or Edit code depending on your theme's setup.
  2. Add Custom CSS to Target Blog Titles: Add the following CSS code to target the blog page titles specifically and change their color:

 

.blog .page-title {
    color: #fdf1e5 !important;
}

 

 

This will apply the color #fdf1e5 (the light yellow color) to the titles on your blog pages.

 

  • Save Changes: After adding the CSS, click Save to apply the changes.

     

  • Check Your Blog Pages: Refresh your blog pages to ensure the title color has updated correctly.

 

 

    

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

- Need a Shopify Specialist?
- Custom Design | Advanced Coding | Store Modifications
Email us