Extensions

Thriving
Community
Unlimited Layouts
Fixed or Static Top

Boxed

Content / Sidebar

Fixed Left

Fullwidth

Sidebar / Content

Fixed Right

The Sky’s The Limit

No Sidebar

These Columns
Are Super Cool
And Marginless
Incredible Shortcodes
font-family: Arial, Helvetica, sans-serif;
color: #132C14;
background: #F5FAF5;
box-shadow:0 2px 6px 0 rgba(0,0,0,0.25);
max-width: 90%;
width:max-content;
word-break: break-word;
z-index: 11000;
border-radius: 6px;
border: 1px solid #A9D3AB;
min-width: 100px;
padding: 10px 15px;
display: flex;
align-items: center;
position: fixed;
top: 20px;
left: 50%;
transform: translate(-50%, 0);
}
.wf_customCircle {
position: relative;
background-color: #12AA67;
border-radius: 100%;
width: 20px;
height: 20px;
flex:none;
margin-right: 7px;
}
.wf_customCheckMark {
box-sizing: unset !important;
position: absolute;
transform: rotate(45deg) translate(-50%, -50%);
left: 6px;
top: 9px;
height: 8px;
width: 3px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.wf_customClose {
box-sizing: border-box;
position: relative;
width: 18px;
height: 18px;
}
.wf_customClose::after,
.wf_customClose::before {
content: ”;
display: block;
box-sizing: border-box;
position: absolute;
width: 12px;
height: 1.5px;
background: #616E88;
transform: rotate(45deg);
border-radius: 5px;
top: 8px;
left: 1px
}
.wf_customClose::after {
transform: rotate(-45deg)
}
html,body{
margin: 0px;
}
.formsubmit.zcwf_button{
color: white !important;
background: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%);
}
#crmWebToEntityForm.zcwf_lblLeft {
width:100%;
padding: 25px;
margin: 0 auto;
box-sizing: border-box;
}
#crmWebToEntityForm.zcwf_lblLeft * {
box-sizing: border-box;
}
#crmWebToEntityForm{text-align: left;}
#crmWebToEntityForm * {
direction: ltr;
}
.zcwf_lblLeft .zcwf_title {
word-wrap: break-word;
padding: 0px 6px 10px;
font-weight:bold }.zcwf_lblLeft.cpT_primaryBtn:hover{
background: linear-gradient(#02acff 0,#006be4 100%) no-repeat padding-box !important;
box-shadow: 0 -2px 0 0 #0159b9 inset !important;
border: 0 !important;
color: #fff !important;
outline: 0 !important;
}.zcwf_lblLeft .zcwf_col_fld input[type=text], input[type=password], .zcwf_lblLeft .zcwf_col_fld textarea {
width: 60%;
border: 1px solid #c0c6cc !important;
resize: vertical;
border-radius: 2px;
float: left;
}
.zcwf_lblLeft .zcwf_col_lab {
width: 30%;
word-break: break-word;
padding: 0px 6px 0px;
margin-right: 10px;
margin-top: 5px;
float: left;
min-height: 1px;
}
.zcwf_lblLeft .zcwf_col_fld {
float: left;
width: 68%;
padding: 0px 6px 0px;
position: relative;
margin-top: 5px;
}
.zcwf_lblLeft .zcwf_privacy{padding: 6px;}
.zcwf_lblLeft .wfrm_fld_dpNn{display: none;}
.dIB{display: inline-block;}
.zcwf_lblLeft .zcwf_col_fld_slt {
width: 60%;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px;
font-size: 14px;
float: left;
resize: vertical;
padding: 2px 5px;
}
.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
content: ”;
display: table;
clear: both;
}
.zcwf_lblLeft .zcwf_col_help {
float: left;
margin-left: 7px;
font-size: 14px;
max-width: 35%;
word-break: break-word;
}
.zcwf_lblLeft .zcwf_help_icon {
cursor: pointer;
width: 16px;
height: 16px;
display: inline-block;
background: #fff;
border: 1px solid #c0c6cc;
color: #c1c1c1;
text-align: center;
font-size: 11px;
line-height: 16px;
font-weight: bold;
border-radius: 50%;
}
.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}
.zcwf_lblLeft .formsubmit {
margin-right: 5px;
cursor: pointer;
color: #313949;
font-size: 14px;
}
.zcwf_lblLeft .zcwf_privacy_txt {
width: 90%;
color: rgb(0, 0, 0);
font-size: 14px;
font-family: Verdana;
display: inline-block;
vertical-align: top;
color: #313949;
padding-top: 2px;
margin-left: 6px;
}
.zcwf_lblLeft .zcwf_button {
font-size: 14px;
color: #313949;
border: 1px solid #c0c6cc;
padding: 3px 9px;
border-radius: 4px;
cursor: pointer;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zcwf_lblLeft .zcwf_tooltip_over{
position: relative;
}
.zcwf_lblLeft .zcwf_tooltip_ctn{
position: absolute;
background: #dedede;
padding: 3px 6px;
top: 3px;
border-radius: 4px;word-break: break-word;
min-width: 100px;
max-width: 150px;
color: #313949;
z-index: 100;
}
.zcwf_lblLeft .zcwf_ckbox{
float: left;
}
.zcwf_lblLeft .zcwf_file{
width: 55%;
box-sizing: border-box;
float: left;
}
.cBoth:after{
content:”;
display: block;
clear: both;
}
@media all and (max-width: 600px) {
.zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
width: auto;
float: none !important;
}
.zcwf_lblLeft .zcwf_col_help {width: 40%;}
}
First Name*Last Name*CompanyEmail*
function validateEmail809065000000556029()
{
var form = document.forms[‘WebToLeads809065000000556029’];
var emailFld = form.querySelectorAll(‘[ftype=email]’);
var i;
for (i = 0; i < emailFld.length; i++)
{
var emailVal = emailFld[i].value;
if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 )
{
var atpos=emailVal.indexOf('@');
var dotpos=emailVal.lastIndexOf('.');
if (atpos[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][cs_element_section _id="47" ][cs_element_layout_row _id="48" ][cs_element_layout_column _id="49" ][cs_element_headline _id="50" ][cs_content_seo]Extensions\n\n[/cs_content_seo][cs_element_text _id="51" ][cs_content_seo]Extend the functionality of your X-powered site with our incredible Extensions. Custom WordPress plugins made by our team to work seamlessly with X. Get all of them for free with each verified purchase.\n\n[/cs_content_seo][cs_element_image _id="52" ][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][cs_element_section _id="53" ][cs_element_layout_row _id="54" ][cs_element_layout_column _id="55" ][cs_element_headline _id="56" ][cs_content_seo]ThrivingCommunity\n\n[/cs_content_seo][cs_element_text _id="57" ][cs_content_seo]Having the best product on the market is one thing…having the best community on the market takes things to a whole ‘nutha level! Get ready to make yourself at home with our active and engaged community.\n\n[/cs_content_seo][cs_element_counter _id="58" ][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][cs_element_section _id="59" ][cs_element_layout_row _id="60" ][cs_element_layout_column _id="61" ][cs_element_text _id="62" ][cs_content_seo]With over 600 custom typography choices, you have complete control over every facet of your site’s type styles including body, heading, navigation, logo color, font weight, size, and more. In addition, our dynamic font loader pulls through every weight and style available for each font and then only loads your specific selection to keep load times quick.\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][cs_element_section _id="63" ][cs_element_layout_row _id="64" ][cs_element_layout_column _id="65" ][cs_element_headline _id="66" ][cs_content_seo]Unlimited Layouts\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id="67" ][cs_element_layout_column _id="68" ][cs_element_headline _id="69" ][cs_content_seo]Fixed or Static Top\n\n[/cs_content_seo][cs_element_image _id="70" ][/cs_element_layout_column][cs_element_layout_column _id="71" ][cs_element_headline _id="72" ][cs_content_seo]Boxed\n\n[/cs_content_seo][cs_element_image _id="73" ][/cs_element_layout_column][cs_element_layout_column _id="74" ][cs_element_headline _id="75" ][cs_content_seo]Content / Sidebar\n\n[/cs_content_seo][cs_element_image _id="76" ][/cs_element_layout_column][cs_element_layout_column _id="77" ][cs_element_headline _id="78" ][cs_content_seo]Fixed Left\n\n[/cs_content_seo][cs_element_image _id="79" ][/cs_element_layout_column][cs_element_layout_column _id="80" ][cs_element_headline _id="81" ][cs_content_seo]Fullwidth\n\n[/cs_content_seo][cs_element_image _id="82" ][/cs_element_layout_column][cs_element_layout_column _id="83" ][cs_element_headline _id="84" ][cs_content_seo]Sidebar / Content\n\n[/cs_content_seo][cs_element_image _id="85" ][/cs_element_layout_column][cs_element_layout_column _id="86" ][cs_element_headline _id="87" ][cs_content_seo]Fixed Right\n\n[/cs_content_seo][cs_element_image _id="88" ][/cs_element_layout_column][cs_element_layout_column _id="89" ][cs_element_headline _id="90" ][cs_content_seo]The Sky’s The Limit\n\n[/cs_content_seo][cs_element_image _id="91" ][/cs_element_layout_column][cs_element_layout_column _id="92" ][cs_element_headline _id="93" ][cs_content_seo]No Sidebar\n\n[/cs_content_seo][cs_element_image _id="94" ][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id="95" ][cs_element_layout_column _id="96" ][cs_element_text _id="97" ][cs_content_seo][icon type="thumbs-up"] DON'T FORGET: Thanks to our Customizer, you have the option to make each element the perfect size. Big static menu at the top? You bet. Small fixed menu on the right? No problem. Big content area and small sidebar? Absolutely.\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id="98" ][cs_element_layout_column _id="99" ][cs_element_headline _id="100" ][cs_content_seo]These Columns\n\n[/cs_content_seo][cs_element_text _id="101" ][cs_content_seo]Like the look of this section? These are X’s “marginless columns,” a nifty little feature we’ve included which allows users to easily achieve creative layouts that would otherwise be very difficult to implement on your own. We’ve taken care of all the heavy lifting, you just get to sit back and create.\n\n[/cs_content_seo][/cs_element_layout_column][cs_element_layout_column _id="102" ][cs_element_headline _id="103" ][cs_content_seo]Are Super Cool\n\n[/cs_content_seo][cs_element_text _id="104" ][cs_content_seo]Marginless columns look best with an equal amount of padding on the inside of each column and a background color to see the structure of each element. The way these differ from our standard columns is that they have no margin (go figure), meaning there is no spacing between each column. Additionally, you’ll notice that each column is the same height even though the content for each column is a different height.\n\n[/cs_content_seo][/cs_element_layout_column][cs_element_layout_column _id="105" ][cs_element_headline _id="106" ][cs_content_seo]And Marginless\n\n[/cs_content_seo][cs_element_text _id="107" ][cs_content_seo]These columns are still completely responsive like our standard columns, meaning they will go fullwidth on smaller screens and stack one on top of the other. We’re excited to bring this ability to our users and look forward to seeing what you create with it!\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][cs_element_section _id="108" ][cs_element_layout_row _id="109" ][cs_element_layout_column _id="110" ][cs_element_headline _id="111" ][cs_content_seo]Incredible Shortcodes\n\n[/cs_content_seo][/cs_element_layout_column][/cs_element_layout_row][cs_element_layout_row _id="112" ][cs_element_layout_column _id="113" ][cs_element_layout_row_2 _id="114" ][cs_element_layout_column_2 _id="115" ][cs_element_text _id="116" ][cs_content_seo]In addition to all of the standard shortcodes you’ve come to expect in a premium WordPress theme, we’ve developed some amazing new shortcodes like Responsive Visibility (only show certain things on certain devices) and a Table of Contents (a great way to increase pageviews, which Google loves).\n\n[/cs_content_seo][/cs_element_layout_column_2][cs_element_layout_column_2 _id="117" ][/cs_element_layout_column_2][/cs_element_layout_row_2][/cs_element_layout_column][/cs_element_layout_row][/cs_element_section][cs_element_responsive_text _id="118" ][cs_element_responsive_text _id="119" ][cs_element_responsive_text _id="120" ][cs_element_responsive_text _id="121" ][/cs_content]