New to the community? Start here

Changing the style of hustle pop-ups

Hello,

Im looking at being able to make a few changes to the pop-up in Hustle.

1) I need to add a second call to action button, one for yes and one for no. How can i do that?

2) Can i change the size of the test in the call to action buttons and also centre the buttons so they are not aligned to the left?

Thu, 9 May 2019 9:36:56
More Hustle Pro discussions
Hustle Pro
  • Predrag Dubajic
    • Support

    Hi Richard,

    Since this question is directly about our plugin I have moved it to our Support Forum from Members Forum which is more of a general discussion section and doesn’t guarantee a response from support staff.

    1) I need to add a second call to action button, one for yes and one for no. How can i do that?

    There’s no option to do this directly from plugin settings, but if you’re looking to have “No” option as a way of closing the popup then we could do something here.

    What you can do is add an element in your content that will have the same class as the close icon and clicking on that will close the popup, it would be something like this:

    <div class="my-no-button hustle-modal-close"><span class="hustle-icon">No</span></div>

    Then you can use my-no-button class to style it as a button and possition it.

    2) Can i change the size of the test in the call to action buttons and also centre the buttons so they are not aligned to the left?

    You can use CSS like the below one to adjust font size and to center the button, you will also need to adjust button width in order for centering CSS to work.

    .hustle-modal a.hustle-modal-cta {
    
font-size: 43px;
    
margin-left: auto;
    
margin-right: auto;
    
display: block;
    
width: 170px;
    
}

    In your popup Design tab there’s Custom CSS field where you can add your CSS code.

    Hope this helps.

    Best regards,

    Predrag