Support » Plugin: Slidebars » How to change position of icon?

  • How can i change the position of the icon in relation to the side of the page? Right now the icon sticks too far out so it covers up important information. i’d like it to hover a little closer to the edge of the screen. all I’ve been able to figure out so far was to move it up or down, but not left or right.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WebKinder


    Thank you for using our plugin. CSS is the way to go here since there are no options implemented for this. Unfortunately we are not actively working on the plugin anymore and it might be removed from the repository in the future.

    Thread Starter jaxrachel


    Oh no! That’s too bad, it is absolutely perfect for my site! Do you know any alternatives (paid or free) that will be supported in the future?

    Plugin Author WebKinder


    Here is a good paid alternative:

    Kind regards
    Team WebKinder

    Hi jaxrachel, the section you are looking for is changing “200%” to “100%” I have CSS code I was able to use to make it closer to the left side, but if on the right I had to resort to changing the PHP file directly because a recent change made the original settings overwrite the new. On my site with the plugin NOT updated, this was the code that worked:
    /*Slidebar on Left Settings*/

    .wksl-slidebar .wksl-slidebar-trigger {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
    right: 0px;

    /* Slidebar on Right Settings */
    .wksl-slidebar .wksl-slidebar-trigger {
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%) !important;
    transform: translateY(-50%) translateX(-100%) !important;
    left: 0;

    Comment out or delete whichever you aren’t using, don’t have right and left CSS active at the same time.

    If you already have the last update of the plugin installed and you want the slider on the right, you have to edit the php directly using something like FileZilla and an editor like Atom or SublimeText. In that case, Deactivate slidebars in your WP plugin list for safety, then use an ftp program like FileZilla to find the slidebars folder (probably public_html/wp-content/plugins/slidebars/) and open the ‘public’ folder and edit the Sidebars.php file (or download it, and duplicate it for safety so you have an original untouched file, then edit it, then reupload it).

    Where it says <?php if $style_settings[‘position’] == ‘right’) … change translateX(-200%) to translateX(-100%) in both instances, save, reupload the file to your site if needed, and it will align right. Hope that helps. If not, find me at my site to email me 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change position of icon?’ is closed to new replies.