Hustle Styling the popup

Have 2 query regrading Hustle popup:
1) The current Feedback popup in the homepage, which appears when the floating "Feedback" button on the left is clicked, would like it to be styled further.

Would like to make the image to appear in the top, so that the logo section takes up small space. Not seeing any out of the box in Hustle to change that, only option available is left, and right.

2) Animation under "Display Settings" is currently disabled. However, when an animation is applied for popup exit, the custom CSS doesn't seem to apply when the popup is closed. It quickly switches to the style without custom CSS.

  • Kasia Swiderska
    • Support nomad

    Hello eTech,

    Would like to make the image to appear in the top, so that the logo section takes up small space. Not seeing any out of the box in Hustle to change that, only option available is left, and right.

    I applied following CSS to your site:

    body > div.wph-modal.module_id_6.wph-modal-active > div.hustle-modal.hustle-modal-simple.hustle-animated.hustle-animate-zoomIn > div.hustle-modal-body > div.hustle-modal-image.hustle-modal-image_contain > img {
    margin: 0 auto !important;
      position: relative;
    }
    
    .hustle-modal:not(.hustle-modal-image_only) .hustle-modal-image.hustle-modal-image_contain {
        flex: 1 100%;
    height: 100px;
    }

    which gave this effect:

    2) Animation under "Display Settings" is currently disabled. However, when an animation is applied for popup exit, the custom CSS doesn't seem to apply when the popup is closed. It quickly switches to the style without custom CSS.

    Can you check now? I have added some adjustments in Custom CSS in Hustle Popup section - added this code:

    .hustle-modal .hustle-modal-image .hustle-modal-feat_image, .hustle-modal .hustle-modal-image img {margin: 0 auto ;
    position: relative ;}

    and now it is not loosing CSS in the exit animation.

    kind regards,
    Kasia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.