MyListing Club

Hide the Preview Listing Option From the MyListing Submit Form

Building better MyListing websites. One code snippet at a time.

Overview

The Hide the Preview Listing Option From the MyListing Submit Form CSS Package helps to simplify the onboarding process for customers. 

Implementation

  1. Grab the code snippet.
  2. Follow the provided instructions.
  3. Save your changes.
				
					//// INSTRUCTIONS: 
//// Copy and paste the code snippet below into Theme Tools > Theme Options > Custom Code > CSS.

//// BONUS:
//// CSS has been included to make the button go the full width of the Submit Form, apply and background color, and more.

--------------------------- CODE SNIPPET IS BELOW THIS LINE --------------------------- 

/* HIDE THE PREVIEW LISTING OPTION FROM THE MYLISTING SUBMIT FORM */
body.add-listing-form #form-section-submit .listing-form-submit-btn .preview-btn {
    display: none;
}

/* BONUS DESIGN */
.listing-form-submit-btn button[type=submit] {
    width: 100% !important;
    padding: 15px !important;
    background: #000 !important;
    color: #fff !important;
}
.listing-form-submit-btn button[type=submit]:hover {
    border-bottom: none !important;
    background: #1a1a1a !important;
    transition: .2s ease-in-out !important;
}