Support » Plugin: Hustle - Pop-Ups, Slide-ins and Email Opt-ins » Plugin Hustle: Center call-to-action-button & remove grey bar at the bottom

  • Resolved lenaschmitz

    (@lenaschmitz)


    Hi guys,

    recently we’re working with the hustle plugin and doing pop ups. We have some struggle with the call-to-action-button. It’s always placed left, but we need it to be centered instead. Is there a css-code that can fix this?
    Additionally there is a grey bar around the button at the bottom of the pop up. We need this to be white so there’s no separation beetween an image with white background and the space below.
    And one last question question: Is it possible to change the size of the displayed image with css? What’s the code for this?

    Thank you in advance for your support.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Predrag Dubajic WPMU DEV Support

    (@wpmudev-support1)

    Hi @lenaschmitz,

    I see on your site that you already tried centering the button with some CSS so you can just change the code you added to this and it should do the trick:

    .wph-modal.module_id_2 .hustle-modal a.hustle-modal-cta {
        margin-left: auto;
        margin-right: auto;
    }

    As for the footer color, that should be following the settings of the main background that you set in Design tab when editing your popup.
    If that doesn’t work for you try applying this CSS code instead:

    .wph-modal.module_id_2 .hustle-modal footer.hustle-modal-footer {
        background: #fff;
    }

    About that last question, I must say I’m not completely clear on that, would you mind elaborating it a bit more 🙂
    Do you want to increase the size of the entire popup?

    Cheers,
    Predrag

    Hi @wpmudev-support1,

    thanks for your help Predrag, it worked pretty good. I just replaced the old code with your new to center the button. The main background was set on white already so we needed your CSS code to change the color of the footer – works great also!

    The thing with the image ist that you can choose to use a “featured image” for Pop-Ups and we want to adapt the size of this image as we need it to be. So that we can work with images any size we like them to be. Basically this affects the whole size of the pop-up I guess..
    You know what I mean? 🙂

    Thanks for your further advice

    Plugin Support Kasia – WPMU DEV Support

    (@wpmudev-support2)

    Hello @lenaschmitz ,

    The thing with the image ist that you can choose to use a “featured image” for Pop-Ups and we want to adapt the size of this image as we need it to be. So that we can work with images any size we like them to be. Basically this affects the whole size of the pop-up I guess..

    I’m not sure if I’m on the same page with you about those images. Can you give me an example with a screenshot on how it would need to work?

    kind regards,
    Kasia

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello @lenaschmitz

    Hope you’re doing well today! 🙂

    I’m closing this topic due to recent inactivity.
    Feel free to post back any updates and we will continue troubleshooting.

    Thank you,
    Dimitris

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