Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1003797
    Exord B.V.
    Participant

    Hi,

    I would like to add a popover tip in the same style as the red button:
    http://theme.co/x/demo/integrity/1/shortcodes/popovers-and-tooltip/#example

    I added this in my Revolution slider and I see a popover but not in the same style:
    http://www.tgh.ritouch.nl (see green magazine button)

    #1003824
    Christopher
    Moderator

    Hi there,

    Green magazine button doesn’t display popover, please provide us with login credentials so we can take a closer look at your code.

    Thanks.

    #1003839
    Exord B.V.
    Participant
    This reply has been marked as private.
    #1004139
    Rad
    Moderator

    Hi there,

    You just added a link in a box with no bindings to pop over/tooltip.

    The whole box should be the link and not just the text. Instead of adding button layer with a link inside, add a text layer with button inside.

    I went ahead and added a sample layer.

    Thanks!

    #1004798
    Exord B.V.
    Participant

    Thank you!

    How can I change the font size from the button?

    I tried:

    .x-btn
    font-size: 12px;
    }

    but it didn’t worked.

    The pop over starts normal and on the next slide it turns very small 🙁

    and I would like to have the same button style as the Revolution slider button

    #1004817
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .tooltip-inner {
        font-size: 15px !important;
        background-color: #000 !important;
        letter-spacing: normal !important;
        line-height: 15px !important;
        padding: 10px !important;
        width: 100% !important;
        word-break: break-word !important;
        overflow: hidden;
        word-wrap: normal !important;
    }

    Hope it helps.

    #1004897
    Exord B.V.
    Participant

    Thanks, that worked!

    How can I make the button text smaller? (not from the tooltip)

    and is it possible to set the tooltip in the bottom instead of top

    #1004917
    Lely
    Moderator

    Hello There,

    You’re welcome!
    To adjust font size, please add class custom-font on the class field of the text layer. Then add this CSS:

    .custom-font{
      font-size:10px; /*Adjust to you preferred size*/
    }

    We need to override some settings. Those CSS will do it.
    Yes, please check the info_place option for the tooltip position.

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1003797 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>