Change Heading colours and font weight in Dawn Theme.

[Lawson]

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

[VIEKIN]

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.

[David_SHT]

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

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

David | SalesHunterThemes team

[Lawson]

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

[Lawson]

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

[David_SHT]

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

[Lawson]

Of course, thankyou:

https://celsiusmedicinals.com/

The password is: Optimal.

Thanks in advance!

[Lawson]

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

Thanks