• Resolved rbarron

    (@rbarron)


    Is it possible to support the use of html list or paragraph tags in the text of the tooltip short code? If not, have some suggestions on formatting the hover text.

    Thank you …. Rick

Viewing 5 replies - 1 through 5 (of 5 total)
  • <div>[su_tooltip style="tipped" position="north" size="1" title="FuPa-Galerie" content="<img src='https://image.fupa.net/gallery/hBwEZHdjeMHS/750x422.webp' width='350' height='auto' />"]<a href="https://www.fupa.net/photos/spvgg-gammesfeld-ii-tsv-hessental-371814">Galerie</a>[/su_tooltip]</div>
    [su_spacer size="10"]
    <div>[su_tooltip style="tipped" position="north" size="1" title="Beispiel" content="<ul><li>Text-1</li><li>Text-2</li></ul>"]Liste[/su_tooltip]</div>
    
    .su-tooltip-inner {
      padding: 0.25em;
      border-radius: 3px;	
      border: 1px solid #ccc;
    }
    .su-tooltip-title {
      font-weight: normal;
      font-size: 14px;
      margin-bottom: 0.25em;
      text-align: center;
    }
    
    Thread Starter rbarron

    (@rbarron)

    Thank you @oerdi for the reply. Trying to do this:

    [su_tooltip title=”Learn More About MaxMyBrand” text=”

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Phasellus nunc lectus, placerat vitae efficitur fringilla, gravida et libero.
    • Vivamus in eros sed enim lobortis congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam eu tempor nisi.
    • Donec in tellus congue augue tristique fermentum sed dictum est. Donec pharetra placerat odio, quis placerat est.
    • Phasellus convallis tempor odio ac elementum. Nam ex enim, maximus a dignissim laoreet, euismod sed ex. Aenean elementum dignissim sapien non pellentesque. Phasellus eget ipsum dui.

    ” position=”top” background=”#222222″ color=”#FFFFFF” font_size=”16″ text_align=”left” max_width=”300″ radius=”5″ shadow=”no” behavior=”hover” class=”” outline=”yes” tabindex=”yes” reference_tag=”span” hide_delay=”0″]Learn More[/su_tooltip]

    but you can see from https://maxpotentialu.com/ in the MaxMyBrand copy it’s not working. Any ideas?

    Take content= instead of text=
    For me it works. Only the disc-bullet (list-style-type: disc;) isn’t shown.

    [su_tooltip title="Learn More About MaxMyBrand" content="<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
    <li>Phasellus nunc lectus, placerat vitae efficitur fringilla, gravida et libero.</li>
    <li>Vivamus in eros sed enim lobortis congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam eu tempor nisi.</li>
    <li>Donec in tellus congue augue tristique fermentum sed dictum est. Donec pharetra placerat odio, quis placerat est.</li>
    <li>Phasellus convallis tempor odio ac elementum. Nam ex enim, maximus a dignissim laoreet, euismod sed ex. Aenean elementum dignissim sapien non pellentesque. Phasellus eget ipsum dui.</li>
    </ul>" position="top" background="#222222" color="#FFFFFF" font_size="16" text_align="left" max_width="300" radius="5" shadow="no" behavior="hover" class="" outline="yes" tabindex="yes" reference_tag="span" hide_delay="0"]Learn More[/su_tooltip]
    Thread Starter rbarron

    (@rbarron)

    FABULOUS, thank you. Switching the paragraph tags did the trick. Appreciate the awesome support.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘html in Tooltip Text’ is closed to new replies.