The 4e Demo Launcher

This thing launches demos

You know it!

To Help With Adjusting the Theme Settings in Appearance > Customizer

H1 Font Character looks like this, has this weight, is this size, and the Letter Spacing and Line Height looks like this.

H2 Font Character looks like this, has this weight, is this size, and the Letter Spacing and Line Height looks like this.

H3 Font Character looks like this, has this weight, is this size, and the Letter Spacing and Line Height looks like this.

H4 Font Character looks like this, has this weight, is this size, and the Letter Spacing and Line Height looks like this.

H5 Font Character looks like this, has this weight, is this size, and the Letter Spacing and Line Height looks like this.
H6 Font Character looks like this, has this weight, is this size, and the Letter Spacing and Line Height looks like this.

This is to show what the paragraph font, font size, and line spacing will look like, and you can control what a text link will look like & hover like in Customize > Accent Color. This is to show what the paragraph font, font size, and line spacing will look like, and you can control what a text link will look like & hover like in Customize > Accent Color. This is to show what the paragraph font, font size, and line spacing will look like, and you can control what a text link will look like & hover like in Customize > Accent Color.

This is to show what the paragraph font, font size, and line spacing will look like, and you can control what a text link will look like & hover like in Customize > Accent Color.This is to show what the paragraph font, font size, and line spacing will look like, and you can control what a text link will look like & hover like in Customize > Accent Color.

Customize > Additional CSS houses custom CSS that's controlling this form's gap size & submit button.

Custom CSS to use in Customizer panel

Transparent Header

.fl-page-header, .fl-page-header-wrap {
background-color: transparent;
position: absolute;
top: 20px; /* Match height of top bar */
width: 100%;
z-index: 10;
}

 

Transparent Header - remove the border line at bottom

.fl-page-nav-right .fl-page-header-wrap {
border-bottom: none;
}

Top Bar - height/padding

.fl-page-bar-container {
padding: 2px;
}

 

Top Bar - remove bottom border & adjust text size

.fl-page-bar {
border-bottom: none;
font-size: 26px;
line-height: 26px;
}

 

Top Bar - float text to right

.fl-page-bar-text {
float: right;
margin-right:10%;
}

WPForms - Narrow Gaps

.wpforms-container-full .wpforms-form .wpforms-one-half {
width: 49%;
margin-left: 2%;
}
.wpforms-container-full .wpforms-form .wpforms-field {
padding: 5px 0;
}

 

WPForms - Center Submit Button

.wpforms-container-full .wpforms-form .wpforms-submit-container {
text-align: center;
}

 

WPForms - Transparent Submit Button

.wpforms-container-full .wpforms-form button[type=submit] {
background-color: transparent;
border: 2px solid #513881;
color: #513881;
}
.wpforms-container-full .wpforms-form button[type=submit]:hover {
background-color: #513881;
border: 2px solid #513881;
color: #ffffff
}