Single Line Elementor Forms

Recommendation

Learn why I switched to WPCodeBox for managing code snippets for myself and for my clients.

Instructions

  1. Copy the snippet.
  2. Paste the snippet into WPCodeBox as a new CSS snippet.
  3. Follow any customization notes provided for the snippet.
  4. Save the snippet.
  5. Enable the snippet.
  6. Test.

Snippet

The Single Line Elementor Forms code snippet helps to style forms where all elements (fields, buttons, etc.) are on one line.

This overall snippet also includes a bonus snippet for fixing field border-radius issues that comes with Elementor Pro forms.

The form at the bottom of Starter Site 4’s Blog Page, is an example of this type of form.

				
					/**** ELEMENTOR FORMS  ****/
/** FORM FIELD RADIUS AND PADDING FIX **/
.elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    border-radius: 25px !important;
}
/** SINGLE LINE FORMS **/
#single-line-form-button {
    margin-left: -50px;
    z-index: 100;
}
@media only screen and (max-width: 768px) {
#single-line-form-button {
    margin-left: -45px;
}
}
@media only screen and (max-width: 414px) {
#single-line-form-button {
    margin-left: 0px;
    margin-top: 5px;
}
}
@media only screen and (max-width: 414px) {
.elementor-widget-form .elementor-field-group .elementor-field {
    text-align: center !important;
}
}


				
			

WooCommerce Subscriptions Ready

The latest version of the WooCommerce Subscriptions plugin is included (unlicensed) and once you have a Starter Site in hand, you can easily put in your own pricing, package features, graphics, etc.

Should you not wish to use WooCommerce Subscriptions, you can simply turn the Listing Subscription packages into standard MyListing packages in just a few clicks and be on your way.

  • WooCommerce Endpoint Design
  • WooCoommerce Subscriptions Setup
  • Listing Subscription Packages
  • Listing Subscription Switching
  • Stripe Payment Gateway Plugin
  •  and more…

Premium Assets

Get licensed, premium plugins, valued at over $600 in the first year alone, making a Starter Site investment a no-brainer.

You will get licensed copies of all the plugins listed below, with the exception of the WooCommerce Subscriptions and WooCommerce Product Vendors, and the licenses are yours to keep, for as long as the plugins remain on your website.

  • Elementor Pro ($49)
  • Perfmatters ($25)
  • Permalink Manager Pro ($45)
  • SEOPress Pro ($39)
  • UiPress ($39)
  • WooCommerce Product Vendors ($79) 
  • WooCommerce Subscriptions ($199)
  • WP Rocket ($49)