Okay
  Public Ticket #1680822
Contact form 7 colors
Closed

Comments

  • Anne-Laure started the conversation
    August 17, 2018 at 4:38pm

    Hello,

    I have problems with a form made with Contact Form 7. I would like to change the colors of :

    • the label text
    • the placeholder
    • the tick of the radio button
    • the tick of checkbox

    Can you provide some CSS to help me ?

    Thank you very much.

  •  8,999
    Tahir replied
    August 18, 2018 at 9:52am

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •   Anne-Laure replied privately
  •  8,999
    Tahir replied
    August 18, 2018 at 11:41am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    body[data-form-style="minimal"] .minimal-form-input label span.text .text-inner {
    color: #d2232a !important;}
body[data-form-style="minimal"] .minimal-form-input label:before {
    border-color: #d2232a !important;
}
body[data-fancy-form-rcs="1"] input[type='checkbox']+label >span {
    border-color: #d2232a !important;
}
.colonne {
    color: #d2232a !important;
}

    Thanks

    ThemeNectar Support Team 

  • Anne-Laure replied
    August 18, 2018 at 11:47am

    Thank you very much, it works perfectly for all the texts.

    I just miss the way to change the color of the tick that is inside the checkbox as soon as it is checked, that is still white. How can I change this please ?

    Thank you very much again !

  •  8,999
    Tahir replied
    August 18, 2018 at 12:00pm

    Hey Again,

    Unfortunately that white cant be changed as its a css3 Animation. 

    Best 

    ThemeNectar Support Team 

  • Anne-Laure replied
    August 18, 2018 at 12:05pm

    So it is not possible to have the form on a white background ? It's a pity...

    Otherwise, thank you very much.

  •  8,999
    Tahir replied
    August 20, 2018 at 10:57am

    Hey Again,

    I am referring to the White color of the Chechbox when marked . 

    Thanks 

    ThemeNectar Support Team