Return to previous page

Getting Layerslider working with a bold font

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

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
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
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

Getting Layerslider working with a bold font

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection