CSS changed with an update

  • Resolved ratamatcat

    (@ratamatcat)


    3 years, 6 months ago

    A Forminator update might have played with some CSS. The border as below is not displayed anymore

    @media(min-width: 769px) {
    #forminator-module-8921, 
    #forminator-module-11761 { 
    	margin-left: auto;
    	margin-right: auto;
        border: 1px solid #000;
        width: 55%;
        padding: 20px 20px 0 20px;        
	}
}

    (The other CSS above seems to still work).

    And I have this in both forms Custom CSS to remove the submit button, which is now incorrectly displaying

    .imj-removeItem .forminator-label {
    display: none;
}
#submit.forminator-field {
    display: none;
}

    Is this possibly caused from the latest update?

    thanks,

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @ratamatcat

    I hope you are doing well.

    I tested the CSS on my website and it worked fine, the #forminator-module-8921limits the CSS to a specific form, in case you created a new form the ID would a new one.

    Can you share the form URL and we can take a closer look?

    Best Regards
    Patrick Freitas

    Thread Starter ratamatcat

    (@ratamatcat)

    Hi Patrick,

    Do you mean if I created any new form that the existing form 8921 ID can get changed? I thought its ID would be the same always?

    Please refer to below example URL

    https://www.imjexa.com/virtual-gallery/nebula-stars-dust

    Development site P/W as below

    Pv2Umc8X4

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @ratamatcat

    Thanks for sharing access to dev site.

    Could you try these solutions (for border)?

    replace this in your CSS

    border: 1px solid #000;

    with either this

    border: 1px solid;
border-color:rgba(0,0,0,1);

    or this

    border: 1px solid #000!important;

    For hiding submit button, try this please

    .forminator-button-submit {
display:none;
}

    Let us know if this works for you!

    Best regards,
    Adam

    Thread Starter ratamatcat

    (@ratamatcat)

    This code option did work, i.e.

    border: 1px solid #000!important;

    but I had other new problems, like the padding wasn’t working.

    So I decided to remove my original code which referenced the Forminator form ID(s) in favour of a div to enclose the do_shortcode that calls the form into my template. There seems to be no similar issues when it’s a div.

    The hiding submit button code did the trick.

    thanks for the help.

    PS – a handy feature might be a ‘Calculator’ form mode which automatically hides the submit button, just a thought. In my case the form is a dimensions calculator for users to select different images and see what the size is.

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @ratamatcat

    Thank you for the suggestion, if we are on the same page, we do have the option to hide the button from the interface:

    https://monosnap.com/file/F55m4Y3B7yEZsTomR6d6IaYa3CfQBs

    You can also manage different rules, there is a reported bug on this but our developers are already working to fix it too.

    Since the CSS is fixed, I am marking this ticket as resolved, however, feel free to ping us anytime you need.

    Best Regards
    Patrick Freitas

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS changed with an update’ is closed to new replies.