CF7 úprava formu + dvě kolonky vedle sebe
Mon May 08 2023 09:52:04 GMT+0000 (Coordinated Universal Time)
Saved by
@hedviga
/*2 kolonky vedle sebe, do CF udelat:
<div class="form-row">
<div class="column-half">Jméno *[text* your-name]</div>
<div class="column-half">E-mail *[email* your-email]</div>
</div> */
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding-right: 0.3rem;
margin-bottom:15px;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
}
/*CF7 úprava formu*/
.wpcf7-submit {
background: #d14602 !important;
color: #fff;
border:none!important;
font-size:15px;
padding: 15px 30px;
margin-top:10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background: #f49321 !important;
color:#fff;
border: 1px solid transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
background-color: #fff;
border: 1px solid #e8eaed;
padding: 10px;
color: #000;
}
input[type="text"],
input[type="email"],
.wpcf7 textarea
{
background-color: #fff;
color: #454646;
width: 100%;
border-radius:7px;
}
content_copyCOPY
Comments