Hi Chris,

I checked the steps again from the ticket and it should work, there only was a small CSS typo issue that i've fixed now.

1. Add a row with 1 columns at the top of the page builder grid on the homepage

2. Edit the row (hover wrench icon), click the 'Attribute' panel and add 'quote-in-slider' (without '') in the Row Class input field.

3. Duplicate the widget that contain the request a quote form and drag it in to the new added row.

4. Please check in the slider metabox if the caption align isset to left

5. Save the page and navigate to Appearance > Customize > Theme Options > Custom

6. Add the following CSS in to the custom CSS textarea:

@media (min-width: 1200px) {
    .quote-in-slider { position: absolute; width: 1140px; top: 0; }
    .quote-in-slider .content-box { position: absolute; width: 40%; right: 0; top: 185px; padding: 15px; background: #fff; border: none; }
}
@media (min-width: 1400px) { .quote-in-slider .content-box { top: 245px; }

7. Save customizer and the form should display on top of the slider.

Please note that the form only display on top of the slider on screens that are wider than 1200pixels.

If you have any questions, feel free to ask

Great! You're welcome!

To use a transparent background please use this background CSS:

rgba(255,255,255,0.7);

You can change the opacity level by increasing or decreasing the 0.7 value. (range is from 0 till 1).

The full correct CSS attribute will be:

background: rgba(255,255,255,0.7);

You're welcome

Let me know if you have any questions.

Hi Chris,

Unfortunately it's not that easy as it seems. What you can do is type the following below the contact form shortcode (within the text editor widget):

What you can do is editing the widget that contains the contact form shortcode, click the 'Text' tab (instead of the Visual tab) and paste the following code in to the textarea:

<span class="contact-item"><i class="fa fa-phone fa-2x"></i> 1-855-404-2775</span> <span class="contact-item"><i class="fa fa-map-marker fa-2x"></i> Address placed here..</span>

This code will display a phone number and address (with icons) below the quote form.

Chris,

That make sense

You can add new input fields via Contact -> Edit Request a Quote form.

Place your cursor between the closing ] symbol of the email shortcode and opening symbol [ of the select field and copy/paste the following shortcode:

[tel your-phone placeholder "Phone Number"][email your-email placeholder "Email Address"]

If they need both to be requires fields use this one:

[tel* your-phone placeholder "Phone Number"][email* your-email placeholder "Email Address"]

Now save the page and switch to the 'Mail' tab (horizontal tab above textarea)

Within the 'Message Body' text area copy/paste the following shortcodes:

[your-phone] [your-email]

And save the page

That should do the trick.

Chris,

Can you provide me a login? I will take a closer look. Please use the 'private' reply for sending the credentials.

Only the quote form in the slider need a email and phone input field, and the quote from right of the 'About our company' text on the homepage doesn't?

Thank you

Chris,

The fields are added to the quote form. I also tweaked the CSS a bit to align the fields + button some more.

You're welcome Chris!

I'm happy to hear you like the experience with our theme/support so far.

If you would like to leave a review we would really appreciate that as it means a lot for us. You can leave a review on this page of ThemeForest by clicking the stars at the item.

Thank you in advance.