Applying Styles to Form 7 for Weaver II child theme
-
Hello,
I tried editing the style.css of the Weaver II child theme and none of my changes seem to be having an effect. Do I need to apply a line of code to overwrite the default CSS for the form?
My page is here
https://www.containershawaii.com/googleppc/For now if someone could tell me where and how to apply a simple 1 pixel border around the contact form that would probably point me in the right direction.
Right now the current code I have in the style.css child that doesn’t seem to be working is as follows:
/* Settings for Contact Form 7 */
define(‘WPCF7_LOAD_CSS’, false);.wpcf7-form{
background: #000;
width : 375;
height: 460px;
overflow: hidden;
margin: 20px;
border: 2px solid #fff;
}
.wpcf7-form h2{
font-size : 20px;
text-align: center;
}
.wpcf7-form input, .wpcf7-form textarea {
border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4;
border-style: solid;
border-width: 1px;
padding: 4px;
line-height: 16px;
font-size: 14px;
width: 350px;
float: none;
margin: 0;
}
.wpcf7-form textarea {
line-height: 16px;
font-size: 14px;
height: 100px;
}
.wpcf7-form p{
font-size : 14px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
width: 290px;
padding: 0 0 10px;
color: #fff;
}
- The topic ‘Applying Styles to Form 7 for Weaver II child theme’ is closed to new replies.
