Custom H1, H2, H3, in Poster Layout

Hi guys! 

I am trying to customize the fonts on my poster block. I will attach an image off how it is showing up (yellow bold font image), and attach an image of what I would like it to look like (script and serif font image). I see in the Site Styles you can change the Title Font and Subtitle Font, but I would like to do 3 different font types... is there a way to customize or add the css for this using H1, H2, H3, H4, etc.? I am slightly a newbie at coding.

I have added in an additional font in the back end, but do not know how to add it to the poster. Thanks in advance!! 

Can you share link to page in screenshot?

Some custom CSS can solve.

@tuanphan the site is not currently live, so I do not have the link! It is a Mojave template though, if that helps? or there is this link: https://octagon-dory-wdwn.squarespace.com/config/design

On 4/28/2020 at 4:58 AM, MistyStatum said:

@tuanphan the site is not currently live, so I do not have the link! It is a Mojave template though, if that helps? or there is this link: https://octagon-dory-wdwn.squarespace.com/config/design

Have you solved yet? If no, I will check again

@tuanphan No, please let me know if you have a solution!!!

On 5/6/2020 at 11:46 AM, MistyStatum said:

@tuanphan No, please let me know if you have a solution!!!

Add to Home > Design > Custom CSS

/* Hey there */
div#block-yui_3_17_2_1_1587944660725_143930 .image-title-wrapper * {
    font-family: proxima-nova !important;
}
/* here at the */
div#block-yui_3_17_2_1_1587944660725_143930 .image-subtitle-wrapper * {
    font-family: fantasy;
}
/* show me how button */
div#block-yui_3_17_2_1_1587944660725_143930 .image-button-wrapper * {
    font-family: fantasy;
}

@tuanphan this worked for the first "hey there" section, but not the rest. "here at the font party" and "differently" are ideally supposed to be two separate fonts. Like the one attached. OR if you know how to code a normal button onto this, that would work too! This is a markup block. Thanks!!  

8 hours ago, MistyStatum said:

@tuanphan this worked for the first "hey there" section, but not the rest. "here at the font party" and "differently" are ideally supposed to be two separate fonts. Like the one attached. OR if you know how to code a normal button onto this, that would work too! This is a markup block. Thanks!!  

 

.image-title-wrapper * {
    font-family: proxima-nova !important;
}
.image-subtitle-wrapper * {
    font-family: fantasy;
}
.image-button-wrapper * {
    font-family: fantasy;
}