CF7 úprava formu + dvě kolonky vedle sebe

PHOTO EMBED

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