Return to previous page

Getting Layerslider working with a bold font

This topic has 3 replies, 3 voices, and was last updated 9 years, 9 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
    Support staff
    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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Web Agency – 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.