• Resolved acarter360

    (@acarter360)


    Using Elementor. Hello Theme. I need to use Draw Attention on a Background Image but I don’t see a way to do that.

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

Viewing 1 replies (of 1 total)
  • Plugin Contributor Draw Attention Support

    (@wpdrawattention)

    @acarter360

    Thank you for reaching out to us through email.

    Here’s how to make the image full-screen without and margins and padding:


    Draw Attention does in fact add a bit of margin to the images. But, it also looks like Elementor has added some gap as well.

    Firstly, to remove the default margin around the Draw Attention images, please add this bit of CSS to remove it:
    #hotspot-1310 .hotspots-interaction {
    margin: 0;
    }

    Here is a guide in case you need help adding the CSS: https://wpdrawattention.com/document/customizing-draw-attention-css/

    And to remove the gap from Elementor, you’ll need to highlight the section and in the Layout options, select ‘No Gap’ as the Columns Gap Setting:

    Thank you for your patience.
    Natalie G

Viewing 1 replies (of 1 total)
  • The topic ‘How do I add this to a Background Image?’ is closed to new replies.