Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1132132

    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.

    #1132629

    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

    #1133475

    Hi,

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

    #1133520

    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.

    #1133824

    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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.