Text with icon

Hi falconcoin

At the moment there is no way to add text as because of mobile spacing issues.
You can use the custom css to change the size of the icon. We will take “change size of the icon” into our featurelist.

Hope that helped you. Let me know if there is something more we can do for you.

Regards
WebKinder

i tried finding it in the CSS, where is that located and in what file? thank you very much!

• This reply was modified 7 years, 9 months ago by falconcoin.

Hi falconcoin

The custom css box is located in the setting page of slidebars in the end of the page. have a look here: https://www.screencast.com/t/L996YciH2L

Regards
WebKinder

thank you, sorry but this may help others too. what is the name etc we need to add to the css to make it work? the icon and its little circle

Hi falconcoin

Have tried something fast on my stage site. Try to play with those values to get it the right size for you:

.wksl-slidebar .wksl-slidebar-trigger {
    width: 80px;
    height: 80px;
    transform: translateY(-50%) translateX(150%);
    line-height: 75px; (### Maybe you will need to add !important ###)
}

.fa {
    font-size: 40px;
}

Important: It’s not guaranteed that this “fix” will be supported with the next updates of the plugin.

Try that and let me know if you have further questions. Take care on the comment ### in the code.

Regards
WebKinder

• This reply was modified 7 years, 9 months ago by WEBKINDER.
• This reply was modified 7 years, 9 months ago by WEBKINDER.
• This reply was modified 7 years, 9 months ago by WEBKINDER.
• This reply was modified 7 years, 9 months ago by WEBKINDER.

i came up with something pretty cool

.wksl-slidebar .wksl-slidebar-trigger {
    width: 75px;
    height: 70px;
    transform: translateY(-50%) translateX(150%);
    line-height: 10%;
    border: 1.25px solid white;
   box-shadow: 5px 5px 5px #888888;
}

.fa {
    font-size: 60px;
   text-shadow:1px 1px 1px rgba(13,13,13,1);
   padding: 40px 16px 0px 16px;
}

Perfect. Thank you for sharing!

Regards
WebKinder