[Jeremy PParticipant]

I have some active campaign email forms and would like to format the colour of the buttons. Can I do that with classes?

Example

Color of bar under Nav

[Rue NelModerator]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Regards.

[Jeremy PParticipant]

I’d also like to remove the labels from the fields

[RadModerator]

Hi Jeremy,

Please provide your site’s URL, and if it’s behind a coming soon page then please provide your login credentials as well.

Thanks!

[Jeremy PParticipant]

http://smartnutrition.ca/iquitovereating

[Jeremy PParticipant]

Oh, that’s the way I want the form to look, but it’s using the mailchimp integration.

Here is the active campaign integration. http://smartnutrition.ca/cornerstone-draft/

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

._form-content label._form-label {
    display: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-transition: border linear 0.2s,background-color linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,background-color linear 0.2s,box-shadow linear 0.2s;
    width: 53%;
}
._submit {
    color: #ffeea3;
    border-color: #ffeea3;
    border-radius: 0;
}

Add background-color: hsla(0, 0%, 0%, 0.51); in column’s style field. Add text-align:center; in text element’s style field.

Hope it helps.

[Jeremy PParticipant]

Thanks for the help! Unfortunately that doesn’t seem to change anything

[Nabeel AModerator]

Hi again,

Try adding the following code in your Child Theme’s style.css file:

._form-content label._form-label {
    display: none !important;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-transition: border linear 0.2s,background-color linear 0.2s,box-shadow linear 0.2s !important;
    transition: border linear 0.2s,background-color linear 0.2s,box-shadow linear 0.2s !important;
    width: 53% !important;
}
._submit {
    color: #ffeea3 !important;
    border-color: #ffeea3 !important;
    border-radius: 0 !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts