Custom CSS issues

Hi @totalfly

I hope you are doing well today.

You can narrow you CSS to correct form ID. Example:

#forminator-module-271 .forminator-button {...}

where 271 is your form ID. You can find your form ID in page source where form is located, or edit your form in WP Dashboard and URL of that page edit will contain that ID.

Kind Regards,
Kris

• This reply was modified 1 year, 9 months ago by Kris - WPMU DEV Support.

Hi, thank you for your reply.

should i add the ID in the form custom CSS or in the theme custom CSS?

Thanks

Hi @totalfly

The CSS, as you mentioned in your first post, works for you if you use it in theme’s custom CSS fields so that’s where you should put it.

In other words, if you want to hide button of the form with ID 123 (form ID is the same number you can see in the shortcode of a given form) then you would add this CSS into your theme’s custom CSS:

#forminator-module-123 .forminator-button {
display: none !important;
}

Kind regards,
Adam

Hi, is working just 50%.. i mean…

if i write

#forminator-module-123 .forminator-button {

    display: none;

}

this is working.. but if i write

#forminator-module-5499 .forminator-select-dropdown-container–open {????????

    background-color: #fff !important;

}

this is not working.

my problem is that the background of the dropdown menu is transparent, so the cascade menu layout goes over other text and this make confusion. I need also that the container of the form will increase the height in order to do not have the dropdown that goes over the footer..

• This reply was modified 1 year, 9 months ago by Advex.

Hi @totalfly

Thank you for response!

For select field the code doesn’t work because background needs to be applied to the “span” elements inside the container and not the container itself but also there’s additionally a typo in the container class name.

Use this version instead (please note double – character in class name!)

#forminator-module-5499 .forminator-select-dropdown-container--open span {        

    background-color: #fff!important;

}

and it would work.

Best regards,
Adam

unfortunately not working as you can see below ??

https://ibb.co/PtFhfL6

https://ibb.co/Q90XJzY

HI @totalfly

Thanks for response!

I double-checked this before posting my response so I’m sure about the code itself.

I can’t, however, check if it is properly applied on front-end of your site, if there’s nothing else that might be conflicting with it or overwriting it and so on. At this point I would suggest double-checking following things:

– if the number 5499 is the correct form ID number
– if all cache was cleared
– and if there is any Asset Optimization (like CSS optimization) -if it was cleared/regenerated

If none of that is the case, we would need to be able to visit the page with the form to take a closer look so please share the URL of that page with us and we’ll check it.

Best regards,
Adam

hi, actually no one is the case.. the ID is correct, cache was cleaned, and no optimization is configured yet.. if you tell me how can i send you the credential to access the site privately you could check directly what is happening.. thanks a lot

please check the email and let me know if you can access. thanks

Hi @totalfly,

Please note that we don’t encourage sharing the credentials via forums and I don’t see we asked for any credentials via this ticket before, neither we got any emails.

In order to proceed further with assisting you, we’ll need to check the page where you still face issues with the CSS. If sharing the site URL publically is a concern in the forum then maybe you could provide a URL to the staging site instead in the next response?

A staging would also help in ruling out conflicts or caches, so setting up a staging and sharing its URL would be better in such cases. You could use the following plugin to setup staging:
https://www.ads-software.com/plugins/wp-staging/

If you are still concerned even with sharing Staging URLs publically, then you can use the following ID [email protected] to share only the staging URL privately using the following template:

Subject: ATTN: WPMU DEV support - wp.org

Message: https://www.ads-software.com/support/topic/custom-css-issues-4

Regards,

Nithin

hi, i sent to you the credentials by email.. any news please?

Hi @totalfly

I hope you are doing well, We found the issue is related to HTTP > HTTPS, the site is loading under HTTPS but WordPress > Settings is set to HTTP which Forminator will use to generate the styles, please update the WordPress settings to HTTPS so it will fix the issue.

https://monosnap.com/file/v44pk3o6IZhL56dF0ddHBMIOAY1lnb

Best Regards

Patrick Freitas

Thank you very much, now is working perfectly!

Have a nice day!