Tagged: x
-
AuthorPosts
-
May 22, 2016 at 7:27 am #1003797
Exord B.V.ParticipantHi,
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/#exampleI 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)May 22, 2016 at 8:16 am #1003824
ChristopherModeratorHi 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.
May 22, 2016 at 8:33 am #1003839
Exord B.V.ParticipantThis reply has been marked as private.May 22, 2016 at 4:08 pm #1004139
RadModeratorHi 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!
May 23, 2016 at 3:10 am #1004798
Exord B.V.ParticipantThank 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
May 23, 2016 at 3:33 am #1004817
ChristopherModeratorHi 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.
May 23, 2016 at 4:54 am #1004897
Exord B.V.ParticipantThanks, 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
May 23, 2016 at 5:16 am #1004917
LelyModeratorHello 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.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1003797 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
