Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 29, 2019 at 11:31 pm #1132132
    leahmessina

    We have Gotham fonts uploaded as our primary fonts (Heading – Bold 700, Body – Light 300). We would like to use these fonts in our layerslider header. I see that it needs to be a CSS addition, but we are not very good at writing CSS.

    September 1, 2019 at 6:27 am #1132629
    Rikard

    Hey leahmessina,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #layer_slider_1 h1, .home #layer_slider_1 p {
    font-family: gotham-bold;
    font-weight: 700;
}

    Best regards,
    Rikard

    September 3, 2019 at 5:41 pm #1133475
    leahmessina

    Hi,

    We have tried this and the only effect that took place was our <p> text got bolded.

    September 3, 2019 at 7:26 pm #1133520
    leahmessina

    We also added the CSS to the layerslider itself and no changes took place. We updated h1 to h2 because we lowered our header levels after this initial forum post.

    September 4, 2019 at 1:18 pm #1133824
    Rikard

    Hi,

    If you changed the header to a h2 then you will have to update the CSS as well, try this instead:

    .home #layer_slider_1 h2, .home #layer_slider_1 p {
    font-family: gotham-bold;
    font-weight: 700;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.