Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 12, 2015 at 4:33 pm #534872
    jjma

    How do you change the width of the tooltip to accommodation more text? It’s a bit small at the moment.

    thanks

    Jon

    November 12, 2015 at 4:49 pm #534885
    Elliott

    Hi jjma!

    Which tooltip is it? Image element, team element? etc etc

    Can you send us a link to the page? You can set your reply as private if you wish.

    Cheers!
    Elliott

    November 17, 2015 at 5:43 pm #537493
    jjma

    Here is the link:

    http://www.pivotalscientific.com/alliance-test

    We are using the partner/logo element and want to increase the width of the tooltip.

    thanks

    November 18, 2015 at 1:19 pm #538030
    jjma

    Anyone?

    November 19, 2015 at 5:22 pm #539105
    jjma

    Can the tooltip width be changed for the partner / logo element?

    Appreciate any response.

    Jonathan

    November 19, 2015 at 11:07 pm #539259
    Elliott

    Hey!

    Add this to a codeblock element in the page content.

    <style type = "text/css">
.avia-tooltip { width: 300px !important; }
</style>

    Regards,
    Elliott

    November 20, 2015 at 1:48 pm #539542
    jjma

    How is it possible to do that using the advanced editor as wordpress removes the style if pasted into a text box.

    November 20, 2015 at 1:53 pm #539550
    Yigit

    Hey!

    Please make sure to add the code in text tab of text block element.

    Regards,
    Yigit

    November 20, 2015 at 2:21 pm #539607
    jjma

    Yes that is what I tried:

    <style type = “text/css”>
    .avia-tooltip { width: 300px !important; }
    </style>
    my text block

    In the text tab of the text block element but advanced editor removes the style. I know this because if I use the default editor the inline style appears in the body.

    November 21, 2015 at 6:00 pm #540188
    jjma

    Anyone?

    November 23, 2015 at 6:42 pm #541109
    Yigit

    Hi!

    Please try adding following code to Style.css file of your child theme or Enfold/css/custom.css file of your parent theme

    .avia-tooltip { width: 300px !important; }

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.