Docs

[LumoDesign]

Hi,

I’ve added a typeset font to the WordPress site and using it on the main site, But I can’t get it to work on the evolution slider. The font I’m trying to use is ‘FreightSans Pro’

How can I implement it into the slider?

I’m going to give you my login details in the next post..

Thanks

Ed

[LumoDesign]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I’d like to check but your site asking for extra authentication that you have set through httaccess. Let’s provide the credentials as well.

Cheeers!

[LumoDesign]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. All of your pages seems empty so not sure where you have used the slider and font. Kindly provide the exact page in question so that we can check.

Cheers!

[LumoDesign]

Click the home page button…

[Rupok]

Hi there,

You can use CSS like this :

.rev_slider .caption, .rev_slider .tp-caption {
  font-family: "FreightSans Pro", sans-serif;
}

Make sure the font is loaded to your site first.

Cheers!

[LumoDesign]

Where do I put this CSS?….in the customiser?

The font has been added via the Typekit plugin. Is this correct?

[Jade]

HI there,

You can add it in Slider Settings > Custom CSS.

Yes, as long as the font is loaded correctly it should be fine.

Hope this helps.

[LumoDesign]

Ok great, that works. Only in the front end though, not in the editor.

Also it looks quite spaced out the type and light is there a way to adjust the letter spacing and weight?

[Rad]

Hi there,

You can try this

.rev_slider .caption, .rev_slider .tp-caption {
    font-family: "FreightSans Pro", sans-serif;
    font-weight: 700 !important;
    letters-spacing : 3px !important;
}

But please note the revlsider dynamically change font weight and spacing depending on slider size. Hence, applying such CSS will greatly affect the responsive nature of your texts. It’s best to change your font styling within slider layers instead of CSS.

Thanks!

[Author]

Posts