Ninja forms styling not same as site

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
April 11, 2019 at 11:28 am #480068

siparker
Buyer

Post count: 114

I ahve tried the Dark / Light styling options in Ninja forms.

My issue seems to be there is a color beign added via
https://www.mysite.com/wp-admin/admin-ajax.php?action=geodir_ninja_forms&security=xxxxxxxxx&p=xxxx&extra=2

this is overwriting the styling of the form and making the text white on a white background.

Is there somewhere this is set in GD ?

Thanks

April 11, 2019 at 6:54 pm #480155

Paolo
Site Admin

Post count: 31206

No there isn’t. This should be a question for Ninja forms support.

Thanks

April 12, 2019 at 9:06 am #480265

siparker
Buyer

Post count: 114

Ok. is the Geodir_ninja_forms not a GD piece of code?

as that is the source of the white color i am seeing added.

April 12, 2019 at 4:09 pm #480366

Alex Rollin
Moderator

Post count: 27815

Please share a link to the page where we can see the issue.
Our demo site is running ‘light’ here: https://wpgeo.directory/supreme-directory/places/united-states/california/san-francisco/tasty-food-inc/
Can you find the code you are talking about there?

April 12, 2019 at 7:02 pm #480395

Stiofan O’Connor
Site Admin

Post count: 22956

Hello,

Yes the way we do it is a bit more complex, we show it in an iframe and strip it back to basics with regards to the CSS/JS loaded ( there are a few reasons for this, but i won’t get in to it just now).

Can u share the link so i can see the issue?

If you have lots of custom styling it might be better to show it in a tab rather than a lightbox?

Stiofan

April 17, 2019 at 12:21 pm #481340

siparker
Buyer

Post count: 114

Hi

I changed my form to formidable forms in my own modal instead but once I have put the changes live I will try to redo it so I can show you the error.

but on your example site there https://wpgeo.directory/supreme-directory/places/united-states/california/san-francisco/tasty-food-inc/

If you click on the contact form button in the sidebar and in the new iframe in inspector choose the body element. you will see the source of the CSS on the right hand side there.

oddly yours is only assigning a background where on my one I saw it assigning a color: #fff which was making the white text on a white background.
Author

Posts