Okay
  Public Ticket #2423750
Contact form styling
Closed

Comments

  • Lisa started the conversation
    May 31, 2020 at 5:26pm

    Hi there,

    I'm using https://neuronthemes.com/bifrost/app-landing/ for a website I'm developing and want to add a contact form in the black section.

    Like the 'Classic' black background form here with white text https://neuronthemes.com/bifrost/contact-forms/ (also see attached screenshot)

    So, do I use the Contact Form 7 shortcode or do I use Elementor Forms widget? 

    I tried using the Contact Form 7 shortcode but couldn't see how to make the text white.

    Many thanks,

    Lisa

  •  675
    Neuron replied
    June 1, 2020 at 12:55pm

    Hi,

    Sorry, we should have explained it further.

    Please add the following class in Section > Advanced > Custom CSS Class.

    - https://prnt.sc/sroly5

    a-form--dark-skin

    Feel free to ask for anything you need.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Lisa replied
    June 3, 2020 at 11:52am

    Thank you very much, 

    That has worked great on the form. However the 'messages' are unreadable. How/where do I change the text colour of the messages? Please see attached screenshot.

  •  675
    Neuron replied
    June 4, 2020 at 5:48pm

    Hi,

    You are very welcome, I am sorry for the late reply.

    Sorry, it seems like we missed that one.

    Please add the following style, it will cover the response text.

    .wpcf7-response-output {
    border-color: your_color !important;
    color: your_color !important;
}

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • Lisa replied
    June 12, 2020 at 4:07pm

    Thank you for updating. All good now.

  •  675
    Neuron replied
    June 15, 2020 at 8:39am

    Glad to know, feel free to ask for anything you need.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.