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

Re: Change Headings Colours in Dawn Theme

Solved

How can I alter heading colors in the Dawn theme?

BohoBungalow
Tourist
23 0 3

Could someone please tell me if it is possible to change the heading colours in the dawn theme? Please see screenshots attached of headings on my home page and collection pages.

 

Store URL:

https://bohobungalowboutique.myshopify.com/admin/themes/129341391043/editor

 

P/Word: 

dautri35AECE01-AF6C-4117-8A5E-214F02F10DEF.jpeg21301288-ACF6-4123-8BF9-9EE3808CC960.jpeg

Accepted Solution (1)
SocialAutoPost
Shopify Partner
434 59 107

This is an accepted solution.

I am sorry I didn't provide the steps.

 

Here are the steps :

 

1. Edit the theme code

 

SaaSEnthu_0-1653364361019.png

 

2. Search for base.css

 

SaaSEnthu_1-1653364414182.png

 

3. Open the base.css and add the below code at the end of the file

 

h2 {
  color: #AA8658 !important;
}

 

Was the reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Auto post your Shopify products to Instagram, Facebook, Pinterest, LinkedIn and Twitter.
App: Social Schedular

View solution in original post

Replies 9 (9)

SocialAutoPost
Shopify Partner
434 59 107

Hello @BohoBungalow ,

 

Greetings for the day 🙂

 

You can change the Heading color in the dawn theme by following these steps :

 

1. Customize the theme

2. Go to the collection

3. Click on the collection banner (left panel)

4. Set your fav color from the Color scheme dropdown list

 

SaaSEnthu_0-1653361275035.png

 

Thanks

Was the reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Auto post your Shopify products to Instagram, Facebook, Pinterest, LinkedIn and Twitter.
App: Social Schedular
BohoBungalow
Tourist
23 0 3

Thankyou. But I am hoping to change the actual font colour rather than the background colour. 

SocialAutoPost
Shopify Partner
434 59 107

@BohoBungalow 

I am not sure if it is possible to change the color of the specific text element (only one) or not with Dawn theme however you can change the color of the text.

 

1. Customize the theme

2. Go to the collection

3. Click on "Theme setting"

4. Change the color of the Text

 

SaaSEnthu_0-1653361856102.png

 

SaaSEnthu_1-1653362002515.png

 

If you only want to change the color of "New Arrivals" font, I can write CSS for that. Let me know what color you want to set.

 

Thanks

 

Was the reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Auto post your Shopify products to Instagram, Facebook, Pinterest, LinkedIn and Twitter.
App: Social Schedular
BohoBungalow
Tourist
23 0 3

Thankyou.

 

Yes I just want to change the colour of all the section headings on my homepage (e.g. New Arrivals) to #AA8658. Not sure if this is possible 

SocialAutoPost
Shopify Partner
434 59 107

You can add below CSS to your theme's CSS template :

 

h2 {
  color: #AA8658 !important;
}

 

Output:

 

SaaSEnthu_0-1653363363733.png

SaaSEnthu_1-1653363372958.png

 

 

Let me know if I missed anything.

 

Thanks 🙂

Was the reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Auto post your Shopify products to Instagram, Facebook, Pinterest, LinkedIn and Twitter.
App: Social Schedular
BohoBungalow
Tourist
23 0 3

Im so sorry but where do I find this section in the coding??

SocialAutoPost
Shopify Partner
434 59 107

This is an accepted solution.

I am sorry I didn't provide the steps.

 

Here are the steps :

 

1. Edit the theme code

 

SaaSEnthu_0-1653364361019.png

 

2. Search for base.css

 

SaaSEnthu_1-1653364414182.png

 

3. Open the base.css and add the below code at the end of the file

 

h2 {
  color: #AA8658 !important;
}

 

Was the reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
Auto post your Shopify products to Instagram, Facebook, Pinterest, LinkedIn and Twitter.
App: Social Schedular
BohoBungalow
Tourist
23 0 3

Thankyou so much this is exactly what i was after! 🙂

 

Is it possible to do the same for the page headings as pictures in the attached photo? 

 

Thankyou 8A7CDBF0-6488-4E06-AF60-5F8EE6EBA9E3.jpeg

 

BelindaW
Visitor
3 0 0

Hello,

I wonder if I can use this same process to change the color of h1 on only 1 product template, not all of the products? In my product template section I have Default product and I have 3 other templates I designed. I want all 4 templates to have a different product title colour

Thanks

Belinda