Close button

  • Resolved firebird131

    (@firebird131)


    3 months, 3 weeks ago

    WP : 6.9
    Astra
    Elementor : 3.33.4

    Great job on your plugin!

    In the close button configuration under Elementor, the icon selection option isn’t displayed. The X isn’t resizeable. The entire area (button + background) adjusts.
    If I use a transparent background to enlarge the X, it doesn’t work because the surrounding area becomes too large.
    Is it possible to change the size of the X without changing the size of the surrounding area?

Viewing 1 replies (of 1 total)
  • Plugin Author Veelo

    (@veelo)

    3 months, 3 weeks ago

    Hi! 😊
    Thanks for your message and for your interest in the plugin.

    At the moment, adjusting the size of the X independently from the button area isn’t available directly from Elementor’s controls. However, in this case it can be easily solved using custom CSS, since the close icon is text-based.

    You can add the following CSS in Appearance → Customize → Additional CSS:

    .popup-close { width: 40px; height: 40px; /* Button clickable area */ font-size: 14px; /* X icon size */ line-height: 1; display: flex; align-items: center; justify-content: center; }

    This allows you to control the clickable button area and the X icon size independently.

    We’d also like to let you know that this improvement will be added natively in the next plugin version, so it can be configured directly from Elementor 👍

    If you run into any issues applying this, feel free to let us know — we’ll be happy to help or take care of it for you.

    Thanks again for your feedback and for using the plugin! 🚀

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.