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
- Grab the code snippet.
- Follow the provided instructions.
- 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;
}