The link doesn’t mention using the theme customizer custom css. Creating a child theme is beyond my capacity.
Is it the case that the custom css option doesn’t work? Because I’ve tried adding numerous css code there and nothing changes. For example I tried adding the code below, but it doesn’t work.
/* Contact Form 7 Submit Button ——————————-*/ .wpcf7 input[type=”submit”] { color: #ffffff; font-size: 18px; font-weight: 700; background: #E2272E; padding: 15px 25px; border: none; border-radius: 5px; width: auto; text-transform: uppercase; letter-spacing: 5px; } .wpcf7 input:hover[type=”submit”] { background: #494949; transition: all 0.4s ease 0s; } .wpcf7 input:active[type=”submit”] { background: #000000; }
This is the actual inline stylesheet you’ve set:
<style id="wp-custom-css">
/* Get rid of bottom margin on last paragraph in column */
.elementor-widget-text-editor p:last-child {
margin-bottom: 0;
:is(h4):is(:first-child, :only-child) {
margin-top: 0;
}
:is(h4):is(:last-child, :only-child) {
margin-bottom: 0;
}
/* Contact Form 7 Submit Button
-------------------------------*/
.wpcf7 input[type="submit"] {
color: #ffffff;
font-size: 18px;
font-weight: 700;
background: #E9795A;
padding: 15px 25px;
border: none;
border-radius: 5px;
width: auto;
text-transform: uppercase;
letter-spacing: 5px;
}
.wpcf7 input:hover[type="submit"] {
background: #D35D47;
transition: all 0.4s ease 0s;
}
.wpcf7 input:active[type="submit"] {
background: #000000;
} </style>
You forgot to close the opening brace in the third line.
Thank you! That took care of it 🙂
