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>.conversionbase-form {
background-color: rgba(41, 36, 73, 0.8);
width: 30%;
border-radius: 5px;
margin-top: 25px;
opacity: 1;
margin-bottom:25px;
margin-right: 10%;
border: none;}
.conversionbase-box>form .questionbox {
padding: 1em;
background-color: #fe8f24;
margin: 2em 0;
}
.conversionbase-box>form .questionbox h4 {
font-weight: bold;
}.conversionbase-box>form .conversionbaseBox-item label {
cursor: pointer;
font-size:.9em;
transition: all .2s;
font-weight: bold;
padding: .7em 0;
}
.conversionbase-box>.conversionbase-form h3, .conversionbase-box>.conversionbase-form h4, .conversionbase-box>.conversionbase-form h5 {
font-size: 16px;
}
.conversionbase-box>.conversionbase-form h1 {
font-size: 27px;
text-align: left;
}
.conversionbase-box>.conversionbase-form h3 {
opacity: .8;
text-align: left;
}
.conversionbase-box>.conversionbase-form hr {
display: none;
}
.conversionbase-box>form .conversionbaseBox-item label:before {
display: none;
}
.conversionbase-box>form .conversionbaseBox-item {
overflow: hidden;
background: transparent;
border: 2px solid #fff;
transition: all .2s;
text-align: center;
margin: 0 0 2em;
cursor: pointer;
border-radius: 10em;}
.conversionbase-box>form #gn-progress-bar {
border: none;
border-radius: 50px;
overflow: hidden;
background: rgba(67, 144, 131, .3);
}
.conversionbase-box>form .conversionbaseBox-item:hover {
background: transparent;
}
.conversionbase-box>form .conversionbaseBox-item:hover label {
background: #fff;
color: #000;
}
@media only screen and (max-width: 768px) {
.conversionbase-box>.conversionbase-form {
margin: 20px auto;
width: 90%;
}
.conversionbase-box>.conversionbase-form .conversionbaseBox-item label {
font-size: .6em;
}
}
@media only screen and (max-width: 480px)
.conversionbase-box {
margin: auto;
}