• Resolved yellowpino

    (@yellowpino)


    Hi,

    I’ve changed the background of my WordPress theme.
    When I go to the page with the form on it, I see a white space around the form.

    Where can I change the background color of a form?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi yellowpino,

    What is the theme& contact form you are using.

    Can you share your url?

    Thread Starter yellowpino

    (@yellowpino)

    Hi,

    The url is https://bestelmooiweer.nl/contact.
    At this moment I use the GeneratePress theme with a white background.
    I want to change it to Beaverbuilder theme.
    I’am working on it locally.
    When I change the background color to blue, you’ll see white space.
    The form plugin I use: Form Maker (https://nl.www.ads-software.com/plugins/form-maker/)

    This image shows the white space around the form.
    Example

    Hi,
    Thank
    The contact form background is assigned to white in the plugin you are using. the following style makes the background of the contact form to transparent.

    Are you using child theme now.
    Use below css in your child theme. if not use it in your style.css

    .form1 .wdform_page {
    background: transparent !important;
    }

    Hi,

    The contact form background is assigned to white in the plugin you are using. The following css style makes the background of the contact form to transparent.

    Are you using child theme now.
    Use below css in your child theme. if not use it in your style.css

    .form1 .wdform_page {
    background: transparent !important;
    }

    Thread Starter yellowpino

    (@yellowpino)

    Hi,

    That’s works! Thanks.
    I also want to change the black font color.
    Where in the CSS can I change the color?

    Good to know that’s works.

    change the color to your desired color code

    /*For white color font*/
    .form1 .wdform-label{
    color:#ffffff !important;
    }
    /* for required symbol called asterisk/*/
    .form1 .wdform-required{
    color:#ffffff !important;
    }
    /* For mini label*/
    .form1 .mini_label{
    color:#ffffff !important;
    }
    /* for submit button*/
    .form1 .button-submit{
    background:#000084 !important;
    }
    /* for submit button*/
    .form1 .button-reset{
    background:#000084 !important;
    }

    Thread Starter yellowpino

    (@yellowpino)

    Thanks for helping. Everything works fine!

    Good to know that works. You are welcome.

    If your problem is solved, Please mark the status as Solved.If you do this, it will be good support to this forum.

    Thank you in advance.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change background color’ is closed to new replies.