– I’d like to loose the shadow of the button font
– I’d like to change the color of the “email” box
– Is there a way to make the fields look like the ones in this example: http://skrwt.com/ – only with custom colors?

Appreciate any help!
Thank you!

URL http://www.vegan-good-life.com
Wordpress 4.2.3.
X 4.0.5.
Cornerstone 1.0.4.

Thanks for writing in!

Kindly use following CSS under Custom > CSS in the Customizer:

.x-subscribe-form input[type="submit"] {
    text-shadow: none !important;
    background-color: #A6A6A6 !important;
}

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    border: 1px solid #000 !important;
}

Let us know how it goes.

Thanks.

Thanks for updating the thread! Are entering in the customizer? If you entered it at the bottom and nothing happened, it’s possible you have a syntax error somewhere like a missing “}” bracket. This will cause all succeeding CSS to not work. You can try entering the CSS above everything and if it works, you know there is an error somewhere.

Also here is some updated CSS to help it look like your example link:

/* Removes white space caused by content band befor the form */
div#x-content-band-6 {
    margin: 0;
}

/* color of form heading */
div#x-content-band-7 h5 {
    margin: 0;
    color: #ffffff;
}

/* Background color of form content band */
div#x-content-band-7 {
    background-color: #333333!important;
}

/* make form inline */
form#x-subscribe-form-1362 fieldset{
    float: left;
    width:50%;
}

/* remove email field border */
.x-subscribe-form input[type="email"] {
    border: none!important;
}

/* colors of submit button, remove text shadow, no border, height adjustment, alignment */
.x-subscribe-form input[type="submit"] {
    background-color: #64C4FF!important;
    color: #ffffff;
    text-shadow: none !important;
    margin: 0;
    border: none;
    height: 37px;
}

It should look like this:

Hope this helps – thanks!

Two things:

– the fields are not completely in line – how can I change that?
– how can I change the hover color of the button text?

Again, thank you!
Eric

Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-subscribe-form input[type="submit"] {
margin-top: 0;
}
.x-subscribe-form input[type="submit"]:hover {
color: #82098C;
}

Hope it helps.

Thankful for ideas 🙂

Best,
Eric

Please update the previous code a bit:

.x-subscribe-form input[type="submit"] {
margin-top: 0 !important;
}
.x-subscribe-form input[type="submit"]:hover {
color: #82098C;
}

Hope it helps.