Hundreds of lines of css in the source!
-
I really like forminator but I just found hundreds of ugly css lines in the source code of my page where the form is rendered. Why is this css not put into a file? I use the flt design and really would love to hear how to fix this.
thanks in advance!
-
Hello @phalancs,
I hope you’re doing well!
I could not replicate an issue on my end, and could not locate CSS lines, rather than the Forminator’s style.css file loaded at the page’s header.
Would you please share a link to your site so we could have a closer look?
Please advise,
Kind regards,
NastiaSee this page. Fresh install, twentynineteen theme, no plugins only forminator.
Have look in the source. The page just contains the form with the “flat” design. Line 200 – 960 are forminator css definitions.
Seems like the form-themes are not stored in files.
Hey @phalancs the team are in discussions about how we can improve this and optimise the code to only output exactly what’s needed. Watch this space as there should improvements coming out soon ?? thanks for your patience!
Andy
Cool. Any news on this one? Thanks ??
Hey there! ??
This is planned for v.1.13 as v.1.11 is just around the corner and a lot of stuff is already planned for v.1.12.
Warm regards,
DimitrisSorry, I don’t get it. It is a simple bug, cause even when you choose to include NO css there is so much bulk included. It’s been more than half a year and I don’t understand why there is not a even a quick fix?
Sorry, but this is MASSIVE, there are more than 1000 lines of unnecessary CSS added!!! ??
Just to give a glimpse. This is just the CSS that is thrown in the markup even when having the form set to “NO CSS”:
<style type="text/css" id="forminator-custom-form-styles-245"> .forminator-custom-form-245 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .forminator-custom-form-245 { border-width: 0; border-style: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .forminator-custom-form-245 { border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); } .forminator-custom-form-245 .forminator-pagination-footer .forminator-button-paypal { flex: 1; } .forminator-custom-form-245 .forminator-button-paypal > .paypal-buttons { } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message p { font-size: 15px; font-family: inherit; font-weight: 400; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message p { font-size: 15px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error { background-color: #F9E4E8; box-shadow: inset 2px 0 0 0 #E04562; -moz-box-shadow: inset 2px 0 0 0 #E04562; -webkit-box-shadow: inset 2px 0 0 0 #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:hover, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:focus, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:active { box-shadow: inset 2px 0 0 0 #E04562; -moz-box-shadow: inset 2px 0 0 0 #E04562; -webkit-box-shadow: inset 2px 0 0 0 #E04562; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:active { box-shadow: inset 2px 0 0 0 #E04562; -moz-box-shadow: inset 2px 0 0 0 #E04562; -webkit-box-shadow: inset 2px 0 0 0 #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error p { color: #333333; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error p { color: #333333; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success { background-color: #BCEEE6; box-shadow: inset 2px 0 0 0 #1ABCA1; -moz-box-shadow: inset 2px 0 0 0 #1ABCA1; -webkit-box-shadow: inset 2px 0 0 0 #1ABCA1; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:hover, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:focus, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:active { box-shadow: inset 2px 0 0 0 #1ABCA1; -moz-box-shadow: inset 2px 0 0 0 #1ABCA1; -webkit-box-shadow: inset 2px 0 0 0 #1ABCA1; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:active { box-shadow: inset 2px 0 0 0 #1ABCA1; -moz-box-shadow: inset 2px 0 0 0 #1ABCA1; -webkit-box-shadow: inset 2px 0 0 0 #1ABCA1; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success p { color: #333333; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success p { color: #333333; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading { background-color: #F8F8F8; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading p { color: #666666; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading p { color: #666666; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title { font-size: 45px; font-family: inherit; font-weight: 400; text-align: left; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle { font-size: 18px; font-family: inherit; font-weight: 400; text-align: left; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title { color: #333333; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle { color: #333333; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label { font-size: 12px; font-family: inherit; font-weight: 700; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label .forminator-required, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label .forminator-required { color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description-password, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description-password { display: block; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p { font-size: 12px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:focus, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active { box-shadow: none; text-decoration: none; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p { margin: 0; padding: 0; border: 0; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover { color: #008FCA; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active { color: #008FCA; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message { font-size: 12px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message { background-color: #F9E4E8; color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:active { border-color: #777771; background-color: #EDEDED; color: #000000; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:active { border-color: #777771; background-color: #EDEDED; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-moz-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-moz-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-moz-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-moz-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-ms-input-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-ms-input-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-webkit-input-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-webkit-input-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-input { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-input, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-input { border-color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input-with-icon [class*="forminator-icon-"], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input-with-icon [class*="forminator-icon-"] { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input-with-icon [class*="forminator-icon-"], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input-with-icon [class*="forminator-icon-"] { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix { font-size: 16px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix { color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:hover, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:focus, .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:active { border-color: #777771; background-color: #EDEDED; color: #000000; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:active { border-color: #777771; background-color: #EDEDED; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-textarea, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-textarea { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-textarea, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-textarea { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-textarea, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-textarea { border-color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-moz-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-moz-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-moz-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-moz-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-ms-input-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-ms-input-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-webkit-input-placeholder, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-webkit-input-placeholder { color: #888888; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio { color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden] { border-color: #777771; background-color: #EDEDED; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden]:before, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden]:before { background-color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio input:checked + span[aria-hidden], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio input:checked + span[aria-hidden] { border-color: #17A8E3; background-color: #EDEDED; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-radio span[aria-hidden], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-radio span[aria-hidden] { border-color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox { color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox span[aria-hidden], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox span[aria-hidden] { border-color: #777771; background-color: #EDEDED; color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox input:checked + span[aria-hidden], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox input:checked + span[aria-hidden] { border-color: #17A8E3; background-color: #EDEDED; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-checkbox span[aria-hidden], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-checkbox span[aria-hidden] { border-color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value { border-color: #777771; background-color: #EDEDED; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-] { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-value, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-value { border-color: #17A8E3; background-color: #E6E6E6; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-] { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-value, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-value { border-color: #17A8E3; background-color: #E6E6E6; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-] { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select-container .forminator-select-list .forminator-value, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select-container .forminator-select-list .forminator-value { border-color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list { border-color: #17A8E3; background-color: #E6E6E6; color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li:hover { background-color: #DDDDDD; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li.current, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li.current { background-color: #17A8E3; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single { border-color: #777771; background-color: #EDEDED; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .selection .select2-selection--single .select2-selection__arrow, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .selection .select2-selection--single .select2-selection__arrow { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover { border-color: #17A8E3; background-color: #E6E6E6; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover .select2-selection__arrow, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover .select2-selection__arrow { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single { border-color: #17A8E3; background-color: #E6E6E6; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select2 + .select2-container--default .select2-selection--single, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select2 + .select2-container--default .select2-selection--single { border-color: #E04562; } .forminator-custom-form-245.forminator-dropdown--default .select2-search .select2-search__field { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-custom-form-245.forminator-dropdown--default { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option { color: #777771; } .forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:hover, .forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted { background-color: #DDDDDD; color: #000000; } .forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option[aria-selected="true"] { background-color: #17A8E3; color: #FFFFFF; } .forminator-custom-form-245.forminator-dropdown--default .select2-search input, .forminator-custom-form-245.forminator-dropdown--default .select2-search input:focus, .forminator-custom-form-245.forminator-dropdown--default .select2-search input:hover { border-color: #17A8E3; background-color: #FFFFFF; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option { font-size: 16px; font-family: inherit; font-weight: 400; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect { border-color: #777771; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-multiselect, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-multiselect { border-color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option:hover { background-color: #DDDDDD; color: #000000; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option.forminator-is_checked, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option.forminator-is_checked { background-color: #17A8E3; color: #FFFFFF; } .forminator-custom-form-245.forminator-calendar--default { font-family: inherit; } .forminator-custom-form-245.forminator-calendar--default:before { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-header .ui-corner-all { background-color: #17A8E3; color: #FFFFFF; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-header .ui-datepicker-title select { border-color: #BBBBBB; background-color: #FFFFFF; color: #777771; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar thead th { color: #333333; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default, .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td.ui-state-disabled span { border-color: #E6E6E6; background-color: #E6E6E6; color: #777771; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:hover, .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-hover { border-color: #DDDDDD; background-color: #DDDDDD; color: #777771; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:active, .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active { border-color: #17A8E3; background-color: #17A8E3; color: #FFFFFF; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight { border-color: #17A8E3; background-color: #C8DEE7; color: #17A8E3; } .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight:active, .forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight.ui-state-active { border-color: #17A8E3; background-color: #17A8E3; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span { font-size: 12px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload { background-color: #1ABCA1; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:hover { background-color: #159C85; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:active { background-color: #159C85; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete { background-color: rgba(0,0,0,0); } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover { background-color: #F9E4E8; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active { background-color: #F9E4E8; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete [class*="forminator-icon-"], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete [class*="forminator-icon-"] { color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover [class*="forminator-icon-"], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover [class*="forminator-icon-"] { color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active [class*="forminator-icon-"], .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active [class*="forminator-icon-"] { color: #E04562; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit { background-color: #17A8E3; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:hover { background-color: #008FCA; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:active { background-color: #008FCA; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label { font-size: 12px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break { background-color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break:before, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break:before { background-color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label { color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot { border-color: #777771; background-color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot { border-color: #777771; background-color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label { font-size: 12px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label { color: #777771; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar { background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar span, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar span { background-color: #17A8E3; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back { background-color: #1ABCA1; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:hover { background-color: #159C85; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:active { background-color: #159C85; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next { font-size: 14px; font-family: inherit; font-weight: 500; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next { background-color: #1ABCA1; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:hover, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:hover { background-color: #159C85; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:active { background-color: #159C85; color: #FFFFFF; } .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement { padding: 9px; border-width: 1px; border-style: solid; border-color: #777771; border-radius: 2px; background-color: #EDEDED; color: #000000; transition: 0.2s ease; } .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement:hover { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--focus, .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--focus:hover { border-color: #17A8E3; background-color: #E6E6E6; } .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--invalid, .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--invalid:hover, .forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--focus.StripeElement--invalid { border-color: #E04562; } </style>
Hello @phalancs
I’m sorry for any frustration caused by this, but as this task is a bit more complicated than it seems as it affects plugins’ logic, and there are already other functionalities/fixes coming in the latest releases, it’s left a bit behind but it’s definitely not forgotten as the plugin performance is always something that gets attention.
Warm regards,
DimitrisGuys, leaving us with that amount of bloat for months is unprofessional, there no good excuse for that. If you need, redesign the product. Google chrome Coverage report shows 90% of it is unnecessary (CSS+JS). With so many people asking, it’s time this product will step-up it’s engineering level… Thanks.
Hello @roireshef,
I checked the same with the forminator team and I see that due to a list of complexities the release for the same was delayed. I am not sure about the release as the same is being worked on and many more fixes are on the way, we estimate to release this in the future two or three versions. This is just an estimation though and I would not be able to promise you an ETA about it.
The release of the said module could be delayed too but we have requested the forminator team to bump up the priority on that. I know there has been a super long wait on this and I sincerely apologise for the same. I really appreciate your patience here.
Thank you,
Prathamesh Palve
- The topic ‘Hundreds of lines of css in the source!’ is closed to new replies.