Template Example 1

<<PREVIOUS                                                                       NEXT>>

contact lens header

High Quality Contact Lenses

We offer the best contact lenses in the industry


What type of lenses are you looking for?

How often do you wear your contact lenses?

Powered by ConversionBase

CSS Code

Copy/paste the following into the Custom CSS field at the bottom of the LeadGenerator Settings page.

 

.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;
}
}