Change Heading colours and font weight in Dawn Theme.

Lawson
Excursionist
36 0 5

Hi all,

 

I'm currently migrating my store from Debut to Dawn theme (8.0.0).

 

I have figured out how to change most of the heading colours to a custom colour, but there are a few I would like to be white.

 

As you can see below:

 

"What We Do" is a h2, and is the gold colour.

"Restoring Human Vitality" is also h2 and gold - but I would like that to be white.

 

How would I go about doing this please?

 

Part 2:

I have successfully added 2 custom fonts to the site.

 

The problem is - they are not the normal font weight, and they are bold.

 

How would I change these fonts to be the normal weight?

(The second screenshot is the old theme - showing how the font weight should look).

 

Thanks in advance everyone.

Lawson

 

Screenshot 2023-10-03 at 11.29.19 am.png

Screenshot 2023-10-03 at 11.33.34 am.png

Replies 7 (7)

VIEKIN
Shopify Partner
656 79 93

Hi,

If you wanna change the color or font weight of element, you should inspect to that element and then add style to it. 
Example:

h2{
  color: #FFFFFF;
  font-weight: 400;
}

  in case your font not support font weight type regular you need find it and import to theme.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

David_SHT
Globetrotter
605 125 123

Hi @Lawson ,

 

This is David at SalesHunterThemes.

I'm understand you just want to change "Restoring Human Vitality" from yellow to white.

 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> base.css file.

Add this following code at the bottom of page.

 

 

.banner__heading.h2 {
  color: #fff !important;
}

 

 

As about custom fonts to the site. im checked the fonts weight is normal and it looks nice

 

David_SHT_0-1696300794858.png

 

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

Lawson
Excursionist
36 0 5

Hi David.

 

Your advice makes sense, however, I can't make my site look like your screenshot - with the font colour and weight.

 

How did you get it to look like that?

 

For reference, this is the code I have already added to base.css in order to make all the OTHER h2 headings the yellow colour.

 

Let me know if I need to change anything here please!

 

Thankyou again

Lawson

 

Screenshot 2023-10-07 at 10.31.12 am.png

Lawson
Excursionist
36 0 5

And this is the code I used in theme.liquid to add the 'Berling Roman' font to the store.

 

Screenshot 2023-10-07 at 10.44.26 am.png

David_SHT
Globetrotter
605 125 123

Hi @Lawson 
as your image, the code has a lot of the problem.
Please share your store url, then we will check and help you

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

Lawson
Excursionist
36 0 5

Of course, thankyou:

 

https://celsiusmedicinals.com/

The password is: Optimal.

 

Thanks in advance!

Lawson
Excursionist
36 0 5

Hi David. Wondering if you have had any ideas/suggestions?

Thanks