The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchase Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

Add a Contact Form 7 to your Slider Revolution

1. Install and activate the Contact Form 7 plugin

2. Create a new Slider, and enable the four available breakpoints

3. Add the Contact Form 7 Shortcode to a Text/HTML Layer

4. Adjust the Layer's font-color, font-size, and position

5. From the Responsive Behavior option, set the "Intelligent Inheriting", "Responsive Children" and "Resize Between Devices" options to OFF.

6. Set a fixed width for each of the Responsive Viewports

7. Add and adjust the CSS below to the Slider's Custom CSS section

Most themes include default styles for contact form elements.  So you may not need to make any styling adjustments.  But the CSS below will give you greater control for setting custom styles for your form(s).

/* ******************* */
/* ******************* */
/* default height for <textarea> message field */
.rev_slider .wpcf7-textarea {height: 200px}
/* <textarea> message field height for below desktop viewport */
@media screen and (max-width: 960px) {.rev_slider .wpcf7-textarea {height: 100px}}
/* **************** */
/* **************** */
/* form background color */
.rev_slider .wpcf7 {
    background: #fff;
    padding: 20px 20px 1px;
/* spacing between the label and the field */
.rev_slider .wpcf7-form-control-wrap {top: 5px}
/* text input and textarea fields */
.rev_slider .wpcf7-text,
.rev_slider .wpcf7-textarea {
    color: #686868;
    font-family: inherit;
    background: #f7f7f7;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    padding: 12px;
    width: 100%;
/* on-focus styles for text input and textarea fields */
.rev_slider .wpcf7-text:focus,
.rev_slider .wpcf7-textarea:focus {
    color: #1a1a1a;
    background-color: #fff;
    border-color: #007acc;
    outline: 0 none;
/* submit button */
.rev_slider .wpcf7-submit {
    color: #fff;
    background: #1a1a1a;
    border: 0 none;
    border-radius: 2px;
    font-family: inherit;
    padding: 12px;
    text-transform: uppercase;
/* submit button on mouseover */
.rev_slider .wpcf7-submit:focus {
    background: #007acc;

Popular Solutions