Turn More Traffic Into Customers
Style Code:
To use this style on your website, you simply need to copy/paste the following code into the Custom CSS field at the bottom of each LeadGenerator Settings page. Full instructions provided!
.conversionbase-box>form .questionbox {
background-color: #1280a7;}
.conversionbase-box>form .questionbox h4 {
opacity: .8;
}
.conversionbase-box {
width: 40%;
margin-top: 75px;
margin-bottom:25px;
border: none;
margin-left: 10%;
}
.conversionbase-box>.conversionbase-form h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: bold;
opacity: .8;
}
.conversionbase-box>.conversionbase-form {
background: linear-gradient(to bottom, rgba(69,72,77,.9) 0%,rgba(0,0,0,.9) 100%);
opacity: 1;
border: none;
}
.conversionbase-box>form .questionbox {
padding: .5em;
margin: 3em auto;
}
.conversionbase-box>form .conversionbaseBox-item {
background-color: #fff;
border-radius: 1em;
cursor: pointer;
margin: 0 0 2em;
padding: .8em 0;
border: 2px solid #fff;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 5px rgba(0,0,0,.3);
transition: all .2s;
}
.conversionbase-box>form .conversionbaseBox-item:hover {
background: transparent;
}
.conversionbase-box>form .conversionbaseBox-item:hover label {
background: transparent;
color: #fff;
}
.conversionbase-box>form .conversionbaseBox-item label {
padding: .4em .0 .4em 0;
font-weight: bold;
font-size: .7em;
cursor: pointer;
color: #000;
text-transform: uppercase;
transition: all .2s;
letter-spacing: .15em;
}
.conversionbase-box>form .conversionbaseBox-item label:before {
display: none;}
.conversionbase-box>form #circleSteps .conversionbase-step {
width: .7em;
height: .7em;
margin: 0 .4em;
border-radius: 0;
transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
.conversionbase-box {
margin: 20px auto;
}
.conversionbase-box>.conversionbase-form .conversionbaseBox-item label {
font-size: .6em;
}
.conversionbase-box>form .questionbox {
margin-top: 1.5em;
}
}