Custom css

Find a way to do your custom CSS without !important and things will go much smoother.

Often you can simply increase the selector specificity to properly override the theme.

Remove the important from this:

body, button, input, select, textarea { color: #d8d8d8 !important;}

and then this will work on the form:

input[type=email], input[type=email]:focus, 
input[type=text], input[type=text]:focus, 
input[type=url], input[type=url]:focus, 
textarea, textarea:focus {
    color: #000;
}

If you want to restrict that to the testimonial form, use this instead:

.strong-form input[type=email], .strong-form input[type=email]:focus, 
.strong-form input[type=text], .strong-form input[type=text]:focus, 
.strong-form input[type=url], .strong-form input[type=url]:focus, 
.strong-form textarea, .strong-form textarea:focus {
    color: #000;
}

thanks so much, is there a page to explain what all the editable css fields are?
id like to change the font color on the submit button and also change some of the font colors on the testimonials.

figured it out, found the page,
https://support.strongplugins.com/article/custom-css-strong-testimonials/?src=wpmission

added what i needed to the end of
.strong-view.default .add css selector here
changed this to the element i wanted to change the color of.

I’d like to change the website link color but think thats tied to my base theme.

• This reply was modified 6 years, 10 months ago by hackitzca.

Yes, both the form and the testimonials inherit most of their style from the theme.

/* submit button */
.strong-form input[type=submit], .strong-form input[type=submit]:hover {
    color: #000;
}