Return to previous page

Getting Layerslider working with a bold font

This topic has 3 replies, 3 voices, and was last updated 10 years, 2 months ago ago by Brian Johnson

  • Avatar: jodistuchlik
    jodistuchlik
    Participant
    March 27, 2015 at 17:00

    Hi,

    I’m trying to get Layerslider working with a bold font that stands out. I’m not sure what Font family to specify in the settings, I was also wondering if I could import more fonts of my choosing to use.

    You can see the red font I’m using now on Layerslider:

    http://www.naturallysuburban.com

    Also, how do I create a clickable button in Layerslider and specify the position of it in the picture/slide?

    Thanks.

    #52864 Copied
    2 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    March 30, 2015 at 18:07

    Hello,

    Sorry for a delay.
    You can make bold text using this code in custom.css file:

    p.ls-l {
  font-weight: bold;
}

    You can change font family in LayerSlider > edit slider > Slides tab, in the Layers section select Styles option:
    https://s3.amazonaws.com/fvd-data/notes/168674/1427734719-OI3n0O/screen.png

    To add a button create a new layer, use HTML/Video/Audio option and add this code in the text editor:
    <a class="button active" href="#"><span>Text on a button</span></a>
    You can replace # with a link where the button should redirect after clicking it.
    The button will appear on a slide and you can drag it with your mouse to any place you want.

    Regards,
    Eva Kemp.

    #53307 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 30, 2015 at 18:36

    1.You may specify your own fonts in custom.css. For example
    if you will downnload the fonts.:

    @font-face {
font-family: New;
src: url(https://8theme.b-cdn.net/style/Days.otf) format("opentype");
}

    Please read this article.
    Then you may add your font-family and other css values.
    2. This option is available in revolution slider.

    With best regards
    Brian Johnson

    #53330 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Getting Layerslider working with a bold font’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sunglasses – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.