Okay
  Public Ticket #2347238
Styling of a CF7 label
Closed

Comments

  •  1
    koenhendrickx started the conversation
    April 2, 2020 at 11:59am

    Hi there,

    I've been searching all morning, but I cannot get this 'orange' label to turn white: https://share.getcloudapp.com/2NuBN1zy

    It's a contact form made in Contact Form 7 which submits data to CampaignMonitor.com. 

    Thanks a lot.

    Koen

  •  3,022
    Andrew replied
    April 2, 2020 at 1:16pm

    Hi there,

    Use the following custom css in Salient > General settings > CSS/Script related:

    .wpcf7-checkbox .wpcf7-list-item-label {
    color: red !important;
}

    Hope this helps.

  •  1
    koenhendrickx replied
    April 2, 2020 at 1:51pm

    Perfect, it solved the issue. 

    Now that we're here in this class: can I make the checkbox next to it a little larger? (same screenshot).

    Thanks a million!

    Koen

  •  3,022
    Andrew replied
    April 2, 2020 at 6:46pm

    Hi Koen,

    Try the following:

    .wpcf7-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

    Hope this helps.

  •  1
    koenhendrickx replied
    April 3, 2020 at 7:16am

    Thanks a lot Andrew. All good!