New to the community? Start here

[Hustle Pro] Hustle issues – Custom CSS not working, no forminator styles and no font options

Hi there,

I’ve found several bugs/issues with Hustle Pro that would be good to resolve as it’s making it hard to use the plugin at the moment.

1. After creating my popup I tried to use custom CSS to style it but nothing worked. I put this style in to Customise > Custom CSS and it worked. Is there a problem with the Custom CSS section in Hustle?

2. Embedding a Forminator form in a hustle popup removes all of the custom fonts and styles I created in Forminator. So I needed to add these to Customise > Custom CSS.

3. There are no font options within Hustle Pro? My custom CSS hack of these needed to go in the Customise screen (as above).

If I’m doing something wrong please let me know – I’ve opened support access.

Thanks,
Ben

Tue, 14 Apr 2020 4:08:58
More Hustle Pro discussions
Hustle Pro
  • Ohidul Islam
    • Bug hunter

    Hi Ben,

    Thank you for coming to our support, hope you are doing good today!

    1. After creating my popup I tried to use custom CSS to style it but nothing worked. I put this style in to Customise > Custom CSS and it worked. Is there a problem with the Custom CSS section in Hustle?

    I have look at the CSS codes that you added in the Appearance -> Customize -> Additional CSS box area. But that same code won’t work in the Hustle custom CSS area because Hustle always prepend some additional CSS selector before your selectors. So if you use a selector like “.hustle-info.hustle-info–default * ” then Hustle will add some more necessary selector at the beginning and it will end up like this
    .hustle-ui[data-id="1"] .hustle-info .hustle-info.hustle-info--default *
    You can see what is wrong in here, the selector “.hustle-info” used two times here. So the way to use custom CSS in Hustle is to start your CSS selectors after “.hustle-info”. As like I have added this CSS code in Hustle custom CSS area 

    * { 
font-family: della robbia, Sans-serif !important;
}

    and Hustle will turn the selector into this selector “.hustle-ui[data-id=”1″] .hustle-info *” and it worked.

    2. Embedding a Forminator form in a hustle popup removes all of the custom fonts and styles I created in Forminator. So I needed to add these to Customise > Custom CSS.

    I’m sorry I could not replicate the issue. I have checked your form and the pop-up. It looks that the form is having the correct font and styles from your settings. Also, you do not need to put Forminator custom CSS codes into the Hustle custom CSS area. The form custom CSS works alongside with the popup custom CSS.

    3. There are no font options within Hustle Pro? My custom CSS hack of these needed to go in the Customise screen (as above).

    Sorry to inform you that there are no font options available in the Pop-up -> Appearance screen. I hope this custom CSS issue will be resolved to you as I have shown how to use the popup custom CSS area with correct CSS selectors.

    Note: I have reviewed the Forminator form custom CSS codes and I found you were trying to increase the letter spacing of the submit button. But the correct selector to increase letter-spacing would be this like below because the button text is wrapped with span tag.

    .forminator-button-submit span {
    letter-spacing: 1.5px;
}

    I hope the issue is clear to you, if you need any further information then please let us know.

    Cheers,
    Ohid