Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 1, 2017 at 12:31 pm #815351
    Andrej

    Hi,
    I created 2 forms using Contact Form 7. Because the color of the labels should be different I tried to use CSS code in Enfold, Child Theme, General Styling, Quick CSS. I found an example:
    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 textarea
    {
    color: #616161;
    width: 50%;
    }
    However, nothing happens. What is wrong?
    Of course this code is applicable for both forms. So I also need how to do this for my specific form Contact.
    See for more details the private content
    Regards,
    Andrej

    July 1, 2017 at 7:27 pm #815403
    Mike

    Hey Andrej,
    To change the color of the labels, Try this code in the General Styling > Quick CSS field:

    label {color: #616161 !important;

    Best regards,
    Mike

    July 3, 2017 at 11:10 pm #816094
    Andrej

    Hi Mike,
    When I used only your code (+ adding an }), so label {color: #616161} !important the color of the labels of my 2 forms changes, thank you for that!. How to do that for only the form Contact? Because the labels of the 2 forms should have different colors because of the different background colors.
    Best regards,
    Andrej

    July 4, 2017 at 6:33 am #816176
    Rikard

    Hi,

    So you want the code to only apply to the contact page? If so you would try this instead:

    .page-id-16 label {
  color: #616161 !important;
}

    Best regards,
    Rikard

    July 4, 2017 at 9:31 am #816216
    Andrej

    Hi Rikard,
    Ah yes, this is working. Thanks a lot!!.
    Best regards,
    Andrej

    July 4, 2017 at 11:53 am #816261
    Rikard

    Hi Andrej,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 4, 2017 at 12:09 pm #816272
    Andrej

    Hi Rikard,
    You can close this topic. Great you were able to help!
    Best regards,
    Andrej

    July 4, 2017 at 1:25 pm #816312
    Rikard

    Hi Andrej,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing Color of labels a form Contact using CSS/Enfold Child/Contact Form 7’ is closed to new replies.