New Landing How can we help? Cardinal How To Keep the "Share This" Social Buttons Always Out?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Posted in: Cardinal
  • #111216
    Anonymous
    Inactive

    I want to keep the “Share This” buttons always out and disable the click function, ’cause make no sense keep it hidden. I mean… with all social buttons out people feels more encouraged to share the article.

    And I want to change the icon next to “Share This” too.

    Thanks! ๐Ÿ˜‰

    #111280
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Will forward to the development team to see if it’s feasible, as it don’t work that way as standard.

    -Rui

    #111305
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Try this custom css:

    .article-share .social {
    opacity: 1!important;
    -webkit-transform: scale(1) translateY(-90px)!important;
    -ms-transform: scale(1) translateY(-90px)!important;
    transform: scale(1) translateY(-90px)!important;
    }

    For the icon, here is the default css:

    .article-share label:before {
    content: "\EB41";
    font-family: "SSGizmo"!important;
    font-size: 14px;
    vertical-align: -2px;
    }

    – Ed

    #111324
    Anonymous
    Inactive

    So… the first code worked, but doesn’t displays correctly, as you can see in the attached image. And I want to disable the “Click” too, or the Button Row keeps moving.

    #111326
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Got a link so that I can check?

    – Ed

    #111327
    Anonymous
    Inactive

    Here: http://inkymind.com.br/artes/reciclarte-surreal-de-yong-ho-ji/

    Click in the button and you’ll see.

    #111357
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Change the custom css for this:

    
    .article-share label {
    cursor: default!important;
    opacity: 1!important;
    }
    .article-share .social {
    opacity: 1!important;
    -webkit-transform: scale(1) translateY(-107px)!important;
    -ms-transform: scale(1) translateY(-107px)!important;
    transform: scale(1) translateY(-107px)!important;
    }
    .article-share .social ul:after {
    margin: 35px auto!important;
    border-top: 20px solid #415b92!important;
    }

    – Ed

    #111383
    Anonymous
    Inactive

    NOW it’s perfect! Thanks! ๐Ÿ˜€

    #111388
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Great, glad I could help ๐Ÿ™‚

    – Ed

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register