Background image

  • Resolved robgon1971

    (@robgon1971)


    11 years, 2 months ago

    Hi there,

    First of all, congrats for this amazing plugin.
    I want to insert a different image in every popup that i have in my web. I know how to insert the same image in every popup:

    .tippy_header {
    background: url(“here goes the image url”) no-repeat scroll center left transparent ;
    }

    and when i add a new popup i do it using the property class just to refer it when i want to to changes to this popup but it doesn’t works by now. Now this doesn’t work:

    .tippy_header.myclassname{
    background: url(“here goes the image url”) no-repeat scroll center left transparent ;
    }

    Any ideas about that?

    Regards.

    https://www.ads-software.com/plugins/tippy/

Viewing 1 replies (of 1 total)
  • Thread Starter robgon1971

    (@robgon1971)

    Found it.
    When you insert a new tippy, use the class attribute, for example:

    [tippy title=”your title” class=”your class name”

    Then, in your custom CSS, use this class to add the image you want:

    .tippy_tip.domTip_Tip.”your class name”_tip .tippy_header {
    background: url(“here goes your url image”) no-repeat center left;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Background image’ is closed to new replies.