How to set custom css for popups

Eman Elkoshairy

• May 03, 2020 19:21

I have created a popup as link to one of the buttons on my page, and I am trying to edit the custom CSS, but it doesn't seem to work. Where should I be adding the custom css for it to work on the popup? Thanks

0

• 

  Alex

  • May 05, 2020 13:45

  Hi Eman,

  you can add it to each element settings: https://jmp.sh/cpFqpza If it does not apply check if you have added the correct selector and try to use  !important;

  0
• 

  Eman Elkoshairy

  • May 07, 2020 09:00

  Hello, 

  I figured out where the problem was, there were randomly generated css class names that I was using to select the specific form field. So I make my changes in the inspect they work fine, I copy them to the element settings and refresh, they don't work, why? because the randomly generated class name changed and I wasn't aware! I was going crazy till I noticed the names changed! 

  The workaround I managed is that I gave my form a class name my-form and used it as the selector instead of the randomly generated css class name, and voila it works! (see screenshot below)

  However, for some reason, the changes only applied when I added it to the custom css on the website settings tab. 

  

  0
• 

  Alex

  • May 08, 2020 12:22

  I'm glad you managed to solve the problem.

  Let us know if you need anything else. 

  0

Please sign in to leave a comment.