Cannot make modal button round

[aimeandalex]

Hiya, I’m using rounded buttons throughout this site but there’s no option to do the same for the button on the modal. I’ve tried to guess a short code but not having any luck! Please could you advise?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please test adding the parameter rounded="yes" to the button shortcode.

– David.

[aimeandalex]

Hey David, sorry if I wasn’t clear – the ‘buttons’ are fine – it’s the ‘modal’ that’s wrong. This is the short code:

[sf_modal header=”Make a one-off or recurring donation” link_type=”button” btn_colour=”accent” btn_type=”sf-icon-reveal” btn_size=”standard” btn_icon=”fa-paw” btn_text=”Donate”]
[seamless-donations]
[/sf_modal]

I’ve tried:
rounded=”yes”
btn_rounded=”yes”
btn_round=”yes”

but nothing works!

[David Martin – Support]

You can loop through each button and detect if it does not have the rounded class, if not, you can then add it.

Here is some custom jQuery to do this for you. Add this to Theme Options => Custom JS

var sfButtons = jQuery("a.sf-button");
jQuery.each(sfButtons, function(index, item) {
    if ( !jQuery(item).hasClass("sf-button-rounded") ) {
        jQuery(item).addClass("sf-button-rounded");
    } 
});

[aimeandalex]

Perfect, thank you

[David Martin – Support]

Glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item.

Thanks,
David