Okay
  Public Ticket #842903
Floating sharing buttons
Closed

Comments

  •  4
    Roman started the conversation
    July 26, 2016 at 11:17pm

    Hi,

    Is it possible to add floating sharing buttons to blog posts instead of having the sharing buttons at the bottom of the post? I believe floating sharing buttons increase the chance a reader shares the post.

    Also; is there any progress on making Visual Composer available for blog posts?

    Thanks a lot.

  •  1,558
    Laborator replied
    July 27, 2016 at 11:49am

    Hi Roman,

    That's not possible through the Theme Options but I have manually generated a code that will help you move the sharing buttons to the right bottom of the window and be fixed there, use the following CSS in your Custom CSS:

    .single-blog-holder .share-holder {
        position: fixed;
        bottom: -20px;
        right: 0;
        background: #FFF;
        z-index: 9999;
        padding: 20px;
        box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
    }


    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  4
    Roman replied
    July 27, 2016 at 12:37pm

    Hi Art,

    I noticed this has impact on my comment box, see attached link for example:

    http://romanrobroek.nl/visiting-a-gem-among-abandoned-industrial-locations/

    The comment box is squeezed together.

  •  1,558
    Laborator replied
    July 27, 2016 at 12:48pm

    Hi Roman,

    The code I gave you is not the reason of the squeezed comments section, please check the Custom CSS > Responsive tab to see if there is anything not necessary.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  4
    Roman replied
    July 27, 2016 at 1:00pm

    Hi Art,

    Does it not have to do with the advise you gave me a few months ago to have a fix width and position for the 'leave a reply' box? I was advised to put this code in my CSS:


    @media screen and (min-width: 991px) {
        .leave-reply-holder .container {
            margin: 0 20% !important;
            width: 70% !important;
        }
    }
     
    @media screen and (min-width: 991px) {
    .leave-reply-holder .container {
        padding-right: 550px !important;
    }

    In the responsive part of the CSS is only a code for H2 titles.

  •  1,558
    Laborator replied
    July 27, 2016 at 1:12pm

    Hi Roman,

    That code is changing your style, set the CSS below to set it within the grid:

    @media screen and (min-width: 991px) {
        .leave-reply-holder .container {
            margin: 0px auto !important;
            width: 1140px !important;
        }
    }
     
    @media screen and (min-width: 991px) {
    .leave-reply-holder .container {
        padding-right: 360px !important;
        padding-left: 0px
    }

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  4
    Roman replied
    July 27, 2016 at 1:17pm

    Hi Art,

    That works, thanks for the help.

    Regards,

    Roman

  •  1,558
    Laborator replied
    July 27, 2016 at 1:18pm

    You're welcome Roman :)

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group