newest version disables custom css overrides

  • Resolved phloo

    (@phloo)


    5 years, 9 months ago

    This rule e.g. makes it impossible to customize the css via the backend

    forminator.css

    .forminator-custom-form.forminator-design--flat .forminator-input, .forminator-custom-form.forminator-design--flat .forminator-checkbox span[aria-hidden], .forminator-custom-form.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-dropdown-list, .forminator-custom-form.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-value, .forminator-custom-form.forminator-design--flat .forminator-radio span[aria-hidden], .forminator-custom-form.forminator-design--flat .forminator-radio input:checked + span[aria-hidden] {
	background-color: #f3f3f3 !important;
}

    inline css

    .forminator-custom-form-10385.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-value {
	background-color: #EDEDED;
	color: #000000;
}

    Background-Color has no effect due to the important rule.
    Even if you add custom css with !important it will be overwritten.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    5 years, 9 months ago

    Hi @phloo,

    Hope you are doing good today. 🙂

    From the CSS I tried checking by adding the Radio and Select fields but wasn’t able to notice any issue with the changes not getting overridden.

    Could you please share a link to a page where you notice the issue so that we could have a better idea regarding what’s being missed?

    Looking forward to your response. Have a nice day ahead.

    Kind Regards,
    Nithin

    Thread Starter phloo

    (@phloo)

    5 years, 9 months ago

    Hi Nithin, you can check the url here:
    https://partner.wechselpilot.com/partner/

    I fixed it using global rules with !important (which I am not a fan of).
    If I remove this and change the colors within forminator settings, they are overwritten by the forminator.css

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    5 years, 9 months ago

    Hi @phloo

    I hope you are doing well.

    I double-checked the page, forminator won’t add any !important on its CSS or custom CSS, since it is not a good practice to use by default.

    It seems the reported CSS:

    .forminator-custom-form.forminator-design--flat .forminator-input, .forminator-custom-form.forminator-design--flat .forminator-checkbox span[aria-hidden], .forminator-custom-form.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-dropdown-list, .forminator-custom-form.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-value, .forminator-custom-form.forminator-design--flat .forminator-radio span[aria-hidden], .forminator-custom-form.forminator-design--flat .forminator-radio input:checked + span[aria-hidden] {
	background-color: #f3f3f3 !important;
}

    Is coming from a different location: MagiCSS-bookmarklet-html-id not sure if this is from the theme or a CSS plugin.

    https://monosnap.com/file/446MlyA5bApRs8LafdwM759NPcGM0D

    Could you verify this?

    Best Regards
    Patrick Freitas

    Thread Starter phloo

    (@phloo)

    5 years, 9 months ago

    Hello Patrick, thanks for investigating and the help, really appreciated.
    I will and dequeue this styles file.

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

The topic ‘newest version disables custom css overrides’ is closed to new replies.