add icon to wp image captio

  • paupixel

    (@paupixel)


    4 years ago

    Dear Photonic,
    My client wants to be able to add a red dot on sold artworks. Would it be possible to add an icon to the WP image caption?

    I tried adding this:

    It works well on Lightbox (Fancy 3) but not on the hoovering over thumbnail (I tried all settings, currently using ‘Always show caption’ and ‘Slide Up’ on tbns

    Thanks

    Seyyttings

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    How are you adding the icon?

    I see that you have markup similar to this:
    <img loading="lazy" src="https://jennymcnultyartist.com/wp-content/uploads/2020/11/circle-16.png" width="9px" height="9px" style="display: inline;">

    You might need to change it to this:
    <img loading="lazy" src="https://jennymcnultyartist.com/wp-content/uploads/2020/11/circle-16.png" width="9px" height="9px" style="display: inline; width: auto !important; height: auto !important;">

    Thread Starter paupixel

    (@paupixel)

    Hi thanks
    I have the same problem
    look at this page and click 1st image on the gallery (the colourful mobile)

    https://jennymcnultyartist.com/project/mobiles/

    Thread Starter paupixel

    (@paupixel)

    It works really well on the lightbox, but on the thumbnail gallery, something goes wrong…

    Thread Starter paupixel

    (@paupixel)

    Correction: I place the code on the caption box, but does not stays ther and gets auto-deleted

    Plugin Author Sayontan Sinha

    (@sayontan)

    Correction: I place the code on the caption box, but does not stays ther and gets auto-deleted

    Correct. That is because HTML markup is not allowed in the caption. That is why I asked how you added the icon.

    So how is the icon still coming into your gallery? I am also not seeing the change that I asked you to make.

    Thread Starter paupixel

    (@paupixel)

    Yes, apologies, comes and goes because, as you say, markup is not allowed…

    Now is there with your code

    will not ‘touch anything till you see it

    Thread Starter paupixel

    (@paupixel)

    To be clear, I placed this on the caption box:

    Thread Starter paupixel

    (@paupixel)

    img src=”https://jennymcnultyartist.com/wp-content/uploads/2020/11/circle-16.png&#8221; width=”9px” height=”9px” width: auto !important; height: auto !important;”

    • This reply was modified 4 years ago by paupixel.
    • This reply was modified 4 years ago by paupixel.
    • This reply was modified 4 years ago by paupixel.
    Plugin Author Sayontan Sinha

    (@sayontan)

    You currently have this:

    <img loading="lazy" src="https://jennymcnultyartist.com/wp-content/uploads/2020/11/circle-16.png" width="9px" height="9px" width: auto !important; height: auto !important;">

    It needs to be:

    <img loading="lazy" src="https://jennymcnultyartist.com/wp-content/uploads/2020/11/circle-16.png" width="9px" height="9px" style="width: auto !important; height: auto !important;">

    Thread Starter paupixel

    (@paupixel)

    Hi
    I really appreciate your efforts, and I’m sorry is not working
    I don’t want to waste more of your time. Thanks!

    I have this now:

    Untitled Mobile (Square Circle Triangle) wire and card 77 x 28 x 12 cms
    <img loading=”lazy” src=”https://jennymcnultyartist.com/wp-content/uploads/2020/11/circle-16.png&#8221; width=”9px” height=”9px” style=”width: auto !important; height: auto !important;”

    But is not showing > https://jennymcnultyartist.com/project/mobiles/

    Many thanks for your time already
    If you come with a creative idea to place icons into captions, let us know
    ??

    Thread Starter paupixel

    (@paupixel)

    I meant with the closing > that I forgot

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘add icon to wp image captio’ is closed to new replies.