I am still having great difficulty changing font and colours on the Search button and the Post Comment button. I would like to change all orange and default font to pink and Special Elite google font.
For the font, try overriding this part of the stylesheet in your child theme:
body, button, input, select, textarea {
color: #777777;
font-family: Lato,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.6;
}
So add something like this in your child theme for your special font:
body, button, input, select, textarea {
font-family: "Special Elite", Courier, monospaced;
}
I’ve suggested Courier and “monospaced” as backup font choices, as they are closest in style to your typewriter-style font.
To change the orange dotted line around the search box, comment fields – and any other form fields – to your purple, this should do the trick:
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border-color: #d121b6;
}
For button background and outline colours:
#infinite-handle span button:hover {
background: #d121b6;
outline: 5px solid #d121b6;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
#infinite-handle span button:active,
#infinite-handle span button:focus {
background: #d121b6;
outline: 5px solid #d121b6;
}
Basically, anything with the orange colour code – #f78769
– in the stylesheet needs to be overridden in your child theme by your purple.