• Skip to primary navigation
  • Skip to content

ConversionBase

Turn More Traffic Into Customers

  • Download
  • Installation Guide
  • Example Templates
    • Example 1
    • Example 2
    • Example 3
    • Example 4
    • Example 5
    • Example 6
    • Example 7
    • Example 8
  • Contact

Template Example 4

<<PREVIOUS                                                                       NEXT>>

Delivering Pumped Solutions Nationwide

MANUFACTURING • PROJECT DESIGN • SALES • COMMISSIONING • SERVICING • REPAIRS


What is the reason for your visit today?

Searching...

What is your role?

Searching...
Congratulations, we have some amazing cruises which fit your requirements!

Where should we send the information?
Privacy Policy

Powered by ConversionBase

CSS Code

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

 

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

  • Facebook
  • Twitter
  • YouTube

© ALL CONTENT COPYRIGHT 2018 CONVERSIONBASE

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More