Custom font newsletter section footer

[emilyaugstudios]

Hey everyone, I would like to change the font of my newsletter section title within the footer, where it shows '10% off your first order' – Each time I have tried to do this it either doesn't work or changes the font in the title/description on the left too, which I don't want to change.

This is the font family I am trying to update it too, any help would be appreciated as I can't quiet figure out what I am missing 🙂

{
font-family: 'PPEditorialNew-Italic', serif !important;
}

URL – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

[Moeed]

Hey @emilyaugstudios 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-footer__title.heading-font.h6 {
    font-family: 'PPEditorialNew-Italic' !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[emilyaugstudios]

Hi @Moeed thank you for the reply. Unfortunately I have tried this code already, and it does work, however it also changes the title on the left 'BRAND TITLE OR TAGLINE' which I don't want it to effect.

[Tech_Coding · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .section-footer__newsletter-block .section-footer__title.heading-font.h6 {
      font-family: 'PPEditorialNew-Italic', serif !important;
  }  

</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe]

Hi @emilyaugstudios 

check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.section-footer__row__col.section-footer__newsletter-block .section-footer__title.heading-font.h6 {
    font-family: "SweetSansPro-Regular", sans-serif !important;
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!