• Resolved mark8181

    (@mark8181)


    Hi everyone,
    this is the code of mt CF7

    Font color #a81010

    Button SEND color and hover are blue and red.

    I would like to have the Font color of that button SEND white. But I do not know how to change that color because I needed to force the form color with an !important; tag.

    Any idea?

    /* Contact form */
    .wpcf7 input,
    #top input[type=”text”],
    #top input[type=”email”],
    #top textarea, #top select
    {
    border-radius: 20px !important;
    padding-bottom: 12px;
    padding-top: 12px;
    }

    /* Contact form colori del font */
    .wpcf7 input,
    #top .input-text, #top input[type=”text”],
    #top input[type=”email”],
    #top textarea, #top select
    {
    color: #a81010 !important;
    }

    /* Contact form colori del tasto Invia */
    input.wpcf7-form-control.wpcf7-submit:hover
    {
    background-color: #090b38;
    }

    input.wpcf7-form-control.wpcf7-submit
    {
    background-color: #a81010;
    }

    Regards,
    Marco

Viewing 5 replies - 1 through 5 (of 5 total)
  • Please add a link to your form here so others can examine your form using Chrome Dev Tools to see in detail what is actually happening on your form.

    Thread Starter mark8181

    (@mark8181)

    Hi Neil.
    Thanks for answering.

    URL is https://www.ninserviziogratuito.co.uk/contattaci
    PASSWORD 1111

    Also I would like to have the select font free like all the rest and red only when selecting something from the drop-down.

    Thanks for your help.

    Marco

    I would like to have the Font color of that button SEND white

    Following CSS is controlling the Submit button color:

    https://www.ninserviziogratuito.co.uk/wp-content/uploads/dynamic_avia/enfold_child.css?
    
    .wpcf7 input, #top .input-text, #top input[type="text"], #top input[type="email"], #top textarea, #top select {
        color: #a81010 !important;
    }

    You need higher CSS Specificity for your CSS to over-write this – for example:

    .wpcf7 .wpcf7-form input[type="submit"] {
        color: #fff !important;
    }

    Use Chrome Dev Tools to examine what is actually happening on your form.

    For any other changes see Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Thread Starter mark8181

    (@mark8181)

    Thank you so much Neil.
    It worked ??

    Can I ask you something else about the dropdown? How can I make mandatory the selection of a dropdown? See the attachment.

    https://www.screencast.com/t/PmbgHahASc7

    Regards,
    Marco

    Thread Starter mark8181

    (@mark8181)

    Up

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CF7 font colors’ is closed to new replies.