Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 15, 2016 at 5:54 pm #661449
    vnfan

    Dear enfold team,

    in somepages I need the label of checkbox in white because the background is dark.
    I use contact form 7
    <div class=”flex_column av_one_full”>
    Während der Rundreise möchte ich auch
    </div>
    <div class=”flex_column av_one_half first”>
    [checkbox radfahren-730 class:custom-checkbox use_label_element “Radfahren”]
    </div>
    <div class=”flex_column av_one_half” style=”margin-bottom: 15px;”>
    [checkbox wandern-730 class:custom-checkbox use_label_element “wandern”]
    </div>
    So I have tried to add this CSS:
    .custom-checkbox {
    color:#fff;}

    but it happens nothing. Could you please take a look?

    July 17, 2016 at 12:52 pm #661734
    Rikard

    Hey vnfan,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .page-id-3786 .wpcf7-list-item-label {
color:white !important;
}

    Regards,
    Rikard

    July 19, 2016 at 10:59 am #662398
    vnfan

    Hi Rikard,
    thanks a lot. I want to custom some contact forms on a nother pages too. How should the CSS look liked?

    .page-id-3786 .page-id-3353 .page-id-4686 .wpcf7-list-item-label {
    color:white !important; }

    –> ist that right?

    July 19, 2016 at 6:47 pm #662677
    Rikard

    Hi,

    You have to separate the arguments with a comma, so something like this: 

    .page-id-4686 .wpcf7-list-item-label, .page-id-3786 .wpcf7-list-item-label, .page-id-3353 .wpcf7-list-item-label {
color:white !important;
}

    Regards,
    Rikard

    July 23, 2016 at 10:50 am #664148
    vnfan

    Wow. Thanks

    July 24, 2016 at 12:08 pm #664310
    Rikard

    Hi,

    Glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘custom checkbox label’ is closed to new replies.