Style Ninja Forms in Lightbox

This topic contains 5 replies, has 3 voices, and was last updated by  Guust 5 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • October 13, 2019 at 11:10 am #512845

    Bernward Maspohl
    Full Member
    Post count: 65

    Hi there,

    How can I style the claim form of Ninja Forms via CSS? It opened in a lightbox and cannot be edited using the Theme CSS Editor.
    I don’t want to use the paid plugin Layout and Styles from Ninja Forms, but create the CSS myself. Preferably via the style.css of the theme.

    Thanks
    Bernward

    October 13, 2019 at 1:17 pm #512869

    Guust
    Moderator
    Post count: 29970

    Please see https://wpgeodirectory.com/docs/customizing-your-style/
    Thanks

    October 13, 2019 at 5:33 pm #512900

    Bernward Maspohl
    Full Member
    Post count: 65

    Hi there,

    thanks for the quick response, even on the weekend.
    I am already aware of the above information. The problem is that the ninja opens in a lightbox with iFrame. The CSS don’t work that way. Since WP Geodirectory uses this solution with Lightbox/iFrame by default, I assume that someone has a hint to style these forms somehow. They can’t be used so ugly 😉
    I’ve already done some research. But I couldn’t find anything useful.

    Thanks,
    Bernward

    October 13, 2019 at 6:59 pm #512904

    Kor
    Moderator
    Post count: 16516

    Hi Bernward,

    Thanks for your reply. You can refer to the reply here https://wpgeodirectory.com/support/topic/contact-form-problems/#post-512485 and I hope it helps.

    October 13, 2019 at 7:46 pm #512910

    Bernward Maspohl
    Full Member
    Post count: 65

    Hi Kor,

    thank you for this Link to the topic. But the problem with the styling of the iFrame remains.
    I will probably only be able to solve this now with the CSS of the plugin itself.

    Thanks,
    Bernward

    October 13, 2019 at 10:54 pm #512934

    Guust
    Moderator
    Post count: 29970

    You can still inspect the CSS of a lightbox, see image.
    The Customizer is part of WordPress and so that is not a GD issue.
    Not sure about “Theme CSS Editor” but again, not a GD issue.
    The browser’s CSS inspector works very much the same: you just inspect the code and add it to the CSS of your theme.

    Thanks

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount