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 {
max-width: 100vw;
padding: 2em calc((100vw – 1170px) / 2)
}
.conversionbase-box>.conversionbase-form h3, .conversionbase-box>.conversionbase-form h4, .conversionbase-box>.conversionbase-form h5 {
font-size: 15px;
font-weight: 600;
}
.conversionbase-box>.conversionbase-form h1 {
font-size: 40px;
}
.conversionbase-box>form .questionbox {
padding: 1em;
font-style: italic;
}
.conversionbase-box>.conversionbase-form h4 {
letter-spacing: 0.05em;
}
.conversionbase-box>form .conversionbaseBox-item label {
padding: 1.2em .4em 1.2em 3em;
cursor: pointer;
color: #000;
font-size: 15px;
font-weight: bold;
}
.conversionbase-box>form .conversionbaseBox-item label:hover::before {
background: #000;
}
.conversionbase-box>form .conversionbaseBox-item {
background-color: white;
margin-bottom: 3em;
border-radius: 10em;
}
.conversionbase-box>form .conversionbaseBox-left {
width: calc(50% – 1em);
}
.conversionbase-box>form .conversionbaseBox-right {
width: calc(50% – 1em);
}
.conversionbase-box>form .questionbox {
margin: 3em auto;
}
.conversionbase-box>form #circleSteps .conversionbase-step {
width: .7em;
height: .7em;
margin: 0 .4em;
}
.conversionbase-box>form .conversionbaseBox-item label:before {
background: #000;
width: .5em;
height: .5em;
border-radius: 0;
top: 2em;
margin-left: -1.5em;
transform: rotate(45deg);
}
.conversionbase-box>form input[type=submit].submit-cta {
font-size: .9em;
font-weight: bold;
letter-spacing: 2px;
border-radius: 0;
}
@media only screen and (max-width: 768px) {
.conversionbase-box {
width: 100% !important;
}
.conversionbase-box>.conversionbase-form {
padding: 2em;
}
.conversionbase-box>.conversionbase-form .conversionbaseBox-item label {
font-size: .7em;
line-height: 1.4em;
padding: 10px 10px 10px 25px;
}
.conversionbase-box>.conversionbase-form h1 {
font-size: 1.3em;
}
.conversionbase-box>form .conversionbaseBox-left, .conversionbase-box>form .conversionbaseBox-right {
width: 49.5%;
}
.conversionbase-box>.conversionbase-form {
padding: .5em;
}
.conversionbase-box>form .questionbox {
margin: .5em 0;
}
.conversionbase-box>.conversionbase-form h3 {
font-size: .6em;
}
.conversionbase-box>form .conversionbaseBox-item {
margin-bottom: 1em;
}
.conversionbase-box>.conversionbase-form h4 {
font-size: .7em;
}
.conversionbase-box>.conversionbase-form hr {
margin: 1em auto;
}
}