Need Help with Icon Position in Video Player Widget

  • Resolved ks

    (@shinde77)


    3 months, 1 week ago

    Hello HT Mega Support Team,

    I’ve been using the HT Mega – Absolute Addons for Elementor plugin for the last three years, and it has been an excellent tool for my projects! Recently, I used the Video Player widget to display a video in a pop-up with a button that contains text (e.g., “Play Video”) and an icon.

    Currently, the button shows the icon before the text (e.g., “[icon] Play Video”), but I want to modify the icon’s position so it appears after the text, like this:
    Play Video [icon]

    Could you please guide me on how to adjust the icon position in the widget settings or provide a code snippet for customization?

    Thank you in advance for your help and for creating such a great plugin!

    Best regards,

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Contributor Tarek Aziz

    (@tarekht)

    3 months, 1 week ago

    Hello @shinde77,

    Thank you very much for reaching out to us.

    It’s a great pleasure to know that you have been using HT Mega for the last three years. It truly means a lot to us! 😊

    I have thoroughly reviewed your message and completely understand your concern.

    Currently, HT Mega doesn’t have a built-in option to modify the icon’s position. However, you can also achieve this by adding the following CSS snippet to the style.css file or the Customizer of your theme:

    .htmega-player-container a {
    position: relative;
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 10px;
}

    That said, I’ve already noted down your request for this feature. Please rest assured that we’ll do our best to include this functionality in a future update.

    Wishing you a fantastic day ahead!

    Thread Starter ks

    (@shinde77)

    3 months, 1 week ago

    i used this css in my customize css in my wordpress website but not yet chnge icon position please check,https://aerogcs.com/demo/

    Plugin Contributor HT Plugins

    (@htplugins)

    3 months, 1 week ago

    Thank you for pointing that out! The issue was caused by the previously added display: inline !important; rule. I’ve updated the CSS to include !important for inline-flex, and it’s working now:

    .htmega-player-container a {
    position: relative;
    display: inline-flex !important;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    }

    Additionally, I’ve added the align-items: center; property to ensure the button displays properly. Alternatively, removing the old display: inline !important; rule would also resolve the issue.

    Let me know if you need further assistance!

    Thread Starter ks

    (@shinde77)

    3 months, 1 week ago

    yes i used but not yet perfect align and when it get active then i dont need to foucs and hover like big, it’s just same size for actual button size only color background change effect.
    https://aerogcs.com/demo/
    please look it

    Plugin Contributor HT Plugins

    (@htplugins)

    3 months ago

    Thank you for the update! To address your concerns, we’ve updated the plugin with new options to choose the icon position and disable the hover effect.

    You can now configure these settings directly from the button settings in the Video Player widget. Please remove any custom CSS you’ve added previously and adjust the options in the widget settings for the desired results.
    You can refer to this screenshot for guidance: https://prnt.sc/CHbtCgPJsS32.

    Thread Starter ks

    (@shinde77)

    3 months ago

    yes thank you so much @htplugins, it’s work proper, but whwn i click on video so not play auto video on.
    if any setting for youtube link auto play so please suggest

    Plugin Contributor HT Plugins

    (@htplugins)

    3 months ago

    Thank you for your feedback! 😊 Unfortunately, the autoplay feature is not supported in the current options of the Video Player widget.

    Thread Starter ks

    (@shinde77)

    3 months ago

    okay thank you

    Plugin Contributor HT Plugins

    (@htplugins)

    3 months ago

    You’re welcome! 😊

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.