• Resolved misterfgerald

    (@misterfgerald)


    Beautiful Form creator but have the same issue as others. I have styled the buttons on my form (support levels section) to change colors on hover and to change colors when chosen, but when viewed live, they are not showing the styling. In the Forminator preview they show the change, but live, they do not. Is this CSS that is over riding Forminator. Is there a fix? Will future versions of Forminator have a CSS over ride so that we don’t have to input CSS coding to fix.

    • This topic was modified 2 years, 2 months ago by misterfgerald.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Jair – WPMU DEV Support

    (@wpmudevsupport15)

    Hi @misterfgerald,

    I hope you are doing well today!

    Considering the preview mode is working correctly, the issue might be one of the following;

    1.CSS Caching
    The most common reason for styles not updating on a live site is due to caching. Your browser, hosting provider, or a WordPress caching plugin might be serving a cached version of your site’s stylesheets. To test if this is the issue:
    -Clear your browser cache and refresh the page.
    -If you’re using a caching plugin, clear its cache.
    -Some hosting providers also have their own caching mechanisms, so you might need to clear the cache from your hosting account dashboard.

    1. CSS Specificity
      Another possibility is that your custom styles are being overridden by more specific CSS rules or by styles loaded after your custom CSS. CSS specificity determines which styles are applied when there is a conflict between different rules targeting the same element. To ensure your styles take precedence:
      Use more specific CSS selectors. For example, instead of .button, use .forminator-button.
      Add !important to your style declarations (though use this sparingly as it can make future CSS debugging more difficult). For example, background-color: red !important;.
    2. Check for CSS Errors
      Ensure there are no errors in your custom CSS that might be causing the entire stylesheet or parts of it to not be applied correctly. Even a missing semicolon or curly brace can cause issues.
    3. Plugin Conflicts
      Sometimes, other plugins can interfere with how styles are applied or loaded on your site. To check if this is the case:
      Temporarily deactivate all other plugins except Forminator.
      Check if the issue persists. If it’s resolved, reactivate the plugins one by one to identify the culprit.
    4. Theme Conflicts
      Your theme might also be a factor, especially if it has its own form styling options or aggressively applies its styles. To test this:
      Temporarily switch to a default WordPress theme like Twenty Twenty-One and see if the issue resolves. If it does, the problem lies with your theme’s styling.

    If after trying these steps your issue still is not resolved, please share an export of the form with us, so that we can check further.

    You can find more info on how to export the form here : https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

    After exporting, please share the file contents with us using the free services such as https://pastebin.com or https://justpaste.it

    Please always make sure to use such services to share the code and don’t post the code here directly as it will most likely be unusable.

    Regarding the future versions of Forminator including a CSS override feature, we don’t have plans for that as it won’t be feasible and it may cause other compatibility issues.

    Kind regards,
    Zafer

    Thread Starter misterfgerald

    (@misterfgerald)

    Thanks for the response Zafer.

    Its definitely a CSS Styling issue from my website template. I just need the CSS custom code I can insert to override. I tried the other areas you mentioned and they were not the issue. Cache was cleared. No Plugin or theme issue, its a CSS issue. This is a well-known issue with Forminator, which is usually fixed by someone from support or with CSS knowledge posting the suggested CSS text to fix for that particular site.

    • This reply was modified 2 years, 2 months ago by misterfgerald.
    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @misterfgerald,

    Possible to share the form export, so that we could have a better idea of what are the changes you have applied and compare it with your page to see what CSS could be suggested further?

    Please check the following doc on how to export a form:

    https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

    If you are concerned about any sensitive information in the form, then you can duplicate your form, remove any sensitive information, and then export it.

    You can share the export file via Google Drive, Dropbox or any cloud service in the next reply.

    Looking forward to your response.

    Best Regards,

    Nithin

    Thread Starter misterfgerald

    (@misterfgerald)

    Here is the requested info:

    {“type”:”form”,”data”:{“fields”:[{“id”:”name-1″,”element_id”:”name-1″,”form_id”:”wrapper-5117-2676″,”parent_group”:””,”type”:”name”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-5117-2676″,”field_label”:”First Name”,”placeholder”:””,”prefix_label”:”Prefix”,”fname_label”:”First Name”,”fname_placeholder”:”E.g. John”,”mname_label”:”Middle Name”,”mname_placeholder”:”E.g. Smith”,”lname_label”:”Last Name”,”lname_placeholder”:”E.g. Doe”,”prefix”:”true”,”fname”:”true”,”mname”:”true”,”lname”:”true”,”required_message”:”Name is required.”,”prefix_required_message”:”Prefix is required.”,”fname_required_message”:”First Name is required.”,”mname_required_message”:”Middle Name is required.”,”lname_required_message”:”Last Name is required.”,”layout_columns”:”2″,”required”:”1″},{“id”:”name-2″,”element_id”:”name-2″,”form_id”:”wrapper-5117-2676″,”parent_group”:””,”type”:”name”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-5117-2676″,”field_label”:”Last Name”,”placeholder”:””,”prefix_label”:”Prefix”,”fname_label”:”First Name”,”fname_placeholder”:”E.g. John”,”mname_label”:”Middle Name”,”mname_placeholder”:”E.g. Smith”,”lname_label”:”Last Name”,”lname_placeholder”:”E.g. Doe”,”prefix”:”true”,”fname”:”true”,”mname”:”true”,”lname”:”true”,”required_message”:”Name is required.”,”prefix_required_message”:”Prefix is required.”,”fname_required_message”:”First Name is required.”,”mname_required_message”:”Middle Name is required.”,”lname_required_message”:”Last Name is required.”,”layout_columns”:”2″,”required”:”1″,”formid”:”wrapper-2303-2950″},{“id”:”phone-1″,”element_id”:”phone-1″,”form_id”:”wrapper-2861-8057″,”parent_group”:””,”type”:”phone”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-2861-8057″,”required”:””,”limit”:”10″,”limit_type”:”characters”,”validation”:”none”,”field_label”:”Phone”,”placeholder”:””},{“id”:”email-1″,”element_id”:”email-1″,”form_id”:”wrapper-2861-8057″,”parent_group”:””,”type”:”email”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-2861-8057″,”validation”:””,”placeholder”:””,”field_label”:”Email Address”,”required”:”1″},{“id”:”address-1″,”element_id”:”address-1″,”form_id”:”wrapper-2309-5252″,”parent_group”:””,”type”:”address”,”options”:[],”cols”:”12″,”conditions”:[],”wrapper_id”:”wrapper-2309-5252″,”street_address”:”true”,”address_city”:”true”,”address_state”:”true”,”address_zip”:”true”,”address_country”:”true”,”address_line”:”true”,”street_address_label”:”Street Address”,”street_address_placeholder”:””,”address_city_label”:”City”,”address_city_placeholder”:””,”address_state_label”:”State”,”address_state_placeholder”:””,”address_zip_label”:”ZIP / Postal Code”,”address_zip_placeholder”:””,”address_country_label”:”Country”,”address_line_label”:”Apartment, suite, etc”,”street_address_required_message”:”This field is required. Please enter the street address.”,”address_zip_required_message”:”This field is required. Please enter the zip code.”,”address_country_required_message”:”This field is required. Please select the country.”,”address_city_required_message”:”This field is required. Please enter the city.”,”address_state_required_message”:”This field is required. Please enter the state.”,”address_line_required_message”:”This field is required. Please enter address line.”,”address_country_placeholder”:”United States of America (USA)”},{“id”:”select-2″,”element_id”:”select-2″,”form_id”:”wrapper-9727-7419″,”parent_group”:””,”type”:”select”,”options”:[{“label”:”Individual $35″,”value”:”INDIVIDUAL-$45″,”limit”:””,”key”:”1348-5455″,”error”:””,”calculation”:”35″},{“label”:”Senior $30″,”value”:”SENIOR-$30″,”limit”:””,”key”:”1954-1326″,”error”:””,”calculation”:”30″},{“label”:”Family $45″,”value”:”FAMILY-$45″,”limit”:””,”default”:””,”key”:”9330-6873″,”error”:””,”calculation”:”45″},{“label”:”Friend $100″,”value”:”FRIEND-$100″,”limit”:””,”default”:””,”key”:”3403-8983″,”error”:””,”calculation”:”100″},{“label”:”Sponsor $500″,”value”:”SPONSOR-$500″,”limit”:””,”default”:””,”key”:”3848-7688″,”error”:””,”calculation”:”500″},{“label”:”Patron $1000″,”value”:”Patron”,”limit”:””,”default”:””,”key”:”3805-9324″,”error”:””,”calculation”:”1000″}],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-9727-7419″,”hidden_behavior”:”zero”,”value_type”:”multiselect”,”field_label”:”Support Level”,”options_bulk_editor”:”Individual $35;INDIVIDUAL-$45; 0\nSenior $30;SENIOR-$30; 0\nFamily $45;FAMILY-$45; 0\nFriend $100;FRIEND-$100; 0\nSponsor $500;SPONSOR-$500; 0\nPatron $1000;Patron; 0″,”placeholder”:”Choose One”,”options_expanded”:”1″,”calculations”:”true”},{“id”:”currency-1″,”element_id”:”currency-1″,”form_id”:”wrapper-9727-7419″,”parent_group”:””,”type”:”currency”,”options”:[],”cols”:”6″,”conditions”:[],”wrapper_id”:”wrapper-9727-7419″,”hidden_behavior”:”zero”,”calculations”:”true”,”limit_min”:”1″,”limit_max”:”5000″,”currency”:”USD”,”field_label”:”Donation (Optional)”,”placeholder”:””,”required”:””},{“id”:”calculation-1″,”element_id”:”calculation-1″,”form_id”:”wrapper-1426-6304″,”parent_group”:””,”type”:”calculation”,”options”:[],”cols”:”12″,”conditions”:[],”wrapper_id”:”wrapper-1426-6304″,”hidden_behavior”:”zero”,”field_label”:”Total Donating Today”,”formula”:”{select-2}+{currency-1}”,”hidden”:””},{“id”:”paypal-1″,”element_id”:”paypal-1″,”form_id”:”wrapper-3610-9546″,”parent_group”:””,”type”:”paypal”,”options”:[],”cols”:”12″,”conditions”:[],”wrapper_id”:”wrapper-3610-9546″,”mode”:”live”,”currency”:”USD”,”amount_type”:”variable”,”label”:”checkout”,”color”:”gold”,”shape”:”rect”,”layout”:”vertical”,”tagline”:”true”,”locale”:”en_US”,”debug_mode”:”disable”,”height”:”40″,”variable”:”calculation-1″}],”settings”:{“pagination-header”:”nav”,”paginationData”:{“pagination-header-design”:”show”,”pagination-header”:”nav”},”formName”:”Support The Festival”,”version”:”1.29.2″,”form-border-style”:”none”,”form-padding”:””,”form-border”:””,”fields-style”:”open”,”field-image-size”:”custom”,”validation”:”on_submit”,”akismet-protection”:”0″,”form-style”:”material”,”enable-ajax”:”false”,”autoclose”:”true”,”submission-indicator”:”show”,”indicator-label”:”Submitting…”,”form-type”:”default”,”submission-behaviour”:”behaviour-thankyou”,”thankyou-message”:”Thank you for contacting us, we will be in touch shortly.”,”submitData”:{“custom-submit-text”:”SUPPORT NOW”,”custom-invalid-form-message”:”Error: Your form is not valid, please fix the errors!”,”conditions”:[]},”validation-inline”:”1″,”form-expire”:”no_expire”,”form-padding-top”:”0″,”form-padding-right”:”0″,”form-padding-bottom”:”0″,”form-padding-left”:”0″,”form-border-width”:”0″,”form-border-radius”:”0″,”cform-label-font-family”:”Roboto”,”cform-label-custom-family”:””,”cform-label-font-size”:”12″,”cform-label-font-weight”:”bold”,”cform-title-font-family”:”Roboto”,”cform-title-custom-family”:””,”cform-title-font-size”:”45″,”cform-title-font-weight”:”normal”,”cform-title-text-align”:”left”,”cform-subtitle-font-family”:”Roboto”,”cform-subtitle-custom-font”:””,”cform-subtitle-font-size”:”18″,”cform-subtitle-font-weight”:”normal”,”cform-subtitle-text-align”:”left”,”cform-input-font-family”:”Roboto”,”cform-input-custom-font”:””,”cform-input-font-size”:”16″,”cform-input-font-weight”:”normal”,”cform-radio-font-family”:”Roboto”,”cform-radio-custom-font”:””,”cform-radio-font-size”:”14″,”cform-radio-font-weight”:”normal”,”cform-select-font-family”:”Roboto”,”cform-select-custom-family”:””,”cform-select-font-size”:”16″,”cform-select-font-weight”:”normal”,”cform-multiselect-font-family”:”Roboto”,”cform-multiselect-custom-font”:””,”cform-multiselect-font-size”:”16″,”cform-multiselect-font-weight”:”normal”,”cform-dropdown-font-family”:”Roboto”,”cform-dropdown-custom-font”:””,”cform-dropdown-font-size”:”16″,”cform-dropdown-font-weight”:”normal”,”cform-calendar-font-family”:”Roboto”,”cform-calendar-custom-font”:””,”cform-calendar-font-size”:”13″,”cform-calendar-font-weight”:”normal”,”cform-button-font-family”:”Roboto”,”cform-button-custom-font”:””,”cform-button-font-size”:”14″,”cform-button-font-weight”:”500″,”cform-timeline-font-family”:”Roboto”,”cform-timeline-custom-font”:””,”cform-timeline-font-size”:”12″,”cform-timeline-font-weight”:”normal”,”cform-pagination-font-family”:””,”cform-pagination-custom-font”:””,”cform-pagination-font-size”:”16″,”cform-pagination-font-weight”:”normal”,”payment_require_ssl”:”1″,”submission-file”:”delete”,”store_submissions”:”1″,”form_name”:”support-the-festival”,”form_status”:”publish”,”field-image-width”:”220″,”field-image-height”:”220″,”sc_email_link”:”1″,”sc_message”:”
    Your form has been saved as draft and a resume link has been generated so you can return to the form anytime within {retention_period} days from today. Copy and save the link or enter your email address below to have the link sent to your mail.
    These fields weren’t saved to your submission draft: Paypal, Stripe, Signature, Password, Captcha, and Upload. Kindly fill them out before submitting the form.
    “,”notification_count”:4,”previous_status”:”publish”,”honeypot”:”1″,”cform-color-settings”:”true”,”radio-image-border-static”:”#17a8e3″,”spam-fail-message”:”Apologies Something Went Wrong. Refresh the Form and Enter Your Choice Again.”,”multiselect-border-hover”:”#17a8e3″,”multiselect-item-color-hover”:”#17a8e3″,”multiselect-border-active”:”#ed9e17″,”multiselect-item-color-active”:”#ed9e17″,”select-border-active”:”#ed9e17″,”select-icon-active”:”#ed9e17″},”client_id”:null,”integration_conditions”:[],”behaviors”:[{“slug”:”behavior-1234-4567″,”label”:”Thanks from the Festival”,”autoclose-time”:”5″,”autoclose”:”true”,”newtab”:”sametab”,”thankyou-message”:”Thank you for supporting the F. Scott Fitzgerald Festival. Your support helps us to make the world a better place through the power of literature.
    “,”email-thankyou-message”:””,”manual-thankyou-message”:””,”submission-behaviour”:”behaviour-thankyou”,”redirect-url”:””,”conditions”:[]}],”notifications”:[{“slug”:”notification-1234-4567″,”label”:”Admin Email”,”email-recipients”:”default”,”recipients”:”[email protected]”,”email-subject”:”New Form Entry #{submission_id} for {form_name}”,”email-editor”:”You have a new website form submission:
    {all_fields}

    This message was sent from {site_url}.”,”email-attachment”:”true”,”type”:”default”,”conditions”:[]},{“slug”:”notification-9056-8348″,”email-subject”:”Someone Supports The Festival”,”label”:”Donations and Membership”,”email-editor”:”Thank You for Supporting the F. Scott Fitzgerald Festival.
    “,”recipients”:”[email protected]”,”conditions”:[]},{“slug”:”notification-1664-3719″,”email-subject”:”A New Festival Donation Was Made Today”,”recipients”:”[email protected]”,”label”:”Donation Made Today”,”email-editor”:”Someone donated to the festival today at the {select-2} level.
    “,”from-name”:””,”form-email”:””,”replyto-email”:””,”cc-email”:””,”bcc-email”:””,”conditions”:[]},{“slug”:”notification-1067-7239″,”email-subject”:”You Have a Donation to the Festival”,”recipients”:”[email protected]”,”label”:”Festival Support”,”email-editor”:”Please see the attached info on festival donation.{calculation-1}
    “}]},”status”:”publish”,”version”:”1.29.2″}

    Hi @misterfgerald

    Due to the org forum formatting, there is no possibility to import this file. Can you upload your exported form to Google Drive or use those pages to share code https://pastebin.com or https://justpaste.it

    Kind Regards,
    Kris

    Plugin Support Laura – WPMU DEV Support

    (@wpmudev-support8)

    Hi @misterfgerald

    We didn’t hear back from you for quite a while already.

    I’m closing this topic as resolved then but if you still need assistance, just let us know and we can get back to it.

    Best regards,
    Adam

    Thread Starter misterfgerald

    (@misterfgerald)

    Let me know if you can view this:

    https://pastebin.com/ZRjZuS7k

    Plugin Support Williams – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @misterfgerald,

    Hope this message finds you well, and sorry to hear you are experiencing this issue.

    Thanks for sharing the form, however, after importing the form into my test site I was not able to replicate the issue, the button styles work fine:

    https://prnt.sc/wmHkiv4O6r30

    Still, I checked the link you shared and I found the Forminator custom styles are not working due to HTTPS and HTTP mixed content:

    https://prnt.sc/JzGZScMUSdFL

    Once you fix it the styles should work, here is an article about how to fix it https://www.wpbeginner.com/plugins/how-to-fix-the-mixed-content-error-in-wordpress-step-by-step/

    Let us know the results.

    Best regards,
    Laura

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Forminator Button Styling Not Showing’ is closed to new replies.