CSS

Take your MyListing site to a whole new level.

/* ML - EXPLORE - HIDE THE CATEGORIES TAB - ALL EXPLORE PAGES */
.finder-tabs .nav-tabs {display: none;}
.finder-title h2 {color:#000;font-size:30px;}
.finder-title p {margin-bottom:20px;}

/* ML - EXPLORE - HIDE THE CATEGORIES TAB - PER EXPLORE PAGE */
.page-id-xxx .finder-tabs .nav-tabs {display: none;}
.page-id-xxx .finder-title h2 {color:#000;font-size:30px;}
.page-id-xxx .finder-title p {margin-bottom:20px;}

/* ML - EXPLORE - HIDE CATEGORY ICONS FROM THE EXPLORE MAPS */
.marker-icon i {
    display: none;
}

/* ML - EXPLORE - NAVBAR STYLE */
.explore-head {background:#f4f4f4;}
.explore-head .explore-types .type-info>h4 {font-size:18px;}

/* ML - HIDE CATEGORY ICONS FROM THE EXPLORE MAP(S) */
.marker-icon i {display:none;}

/* ML - EXPLORE - PREVIEW CARD - LIST VIEW - FIXES ISSUE WHERE CATEGORY GETS CUT OFF */
.lf-item-container .listing-details > ul.c27-listing-preview-category-list {width:100%!important;}

/* ML - EXPLORE - PREVIEW CARD - LIST VIEW - FIXES ISSUE WHERE CATEGORY DISSAPPEARED AFTER HOVER OR CLICK */
.listing-details>ul>li[data-toggle=tooltip] .cat-icon {-webkit-transform:translate3d(0,0,0);}

/* ML - EXPLORE - PREVIEW CARD - LIST VIEW - PROMOTED LISTING */
.level-promoted .lf-item-list-view .lf-item-info {border-left:3px solid #6956d3;}

/* ML - EXPLORE - PREVIEW CARD - LIST VIEW - FEATURED LISTING */
.level-featured .lf-item-list-view .lf-item-info {border-left:3px dotted #6956d3;}

/* ML - EXPLORE - PREVIEW CARD - PREVENT CATEGORIES BEING CLICKABLE */
.lf-item-container .listing-details>ul>li:first-child {pointer-events:none;}

/* ML - EXPLORE - FIXES HEADING FORMATTING TO MATCH THE OTHER HEADINGS */
.form-group.explore-filter:not(.md-group):not(.form-group-tags) label {font-size:14px;font-weight:bold;}

/* ML - EXPLORE - FIXES HEADING FORMATTING TO MATCH THE OTHER HEADINGS */
.checkboxes-filter label {font-size: 14px;font-weight:bold;}

/* ML - EXPLORE - ADVANCED SEARCH - CHECKBOXES */
.tags-nav li {width:50%;}
.md-checkbox label {font-weight:400!important;}

/* ML - EXPLORE - CATEGORY GRADIENT */
.gradient7 {color:#8C69FC;background:-webkit-linear-gradient(180deg,#6956d3,#8C69FC);}
.finder-search .listing-cat .overlay {opacity:0.7;}

/* ML - EXPLORE - QUICK VIEW - TITLE */
.quick-view-modal .tpl-list-view .lf-item-info h4 {font-size:18px;color:#6956d3!important;}

/* ML - EXPLORE - QUICK VIEW - SCROLL BAR */
.listing-quick-view-container .mCSB_scrollTools {opacity:1!important;}

/* ML - SET THE BACKGROUND COLOR SITE-WIDE */
#c27-site-wrapper {background:#fff;}

/* ML - HEADER - BUTTON */
.header-button a {
  border-radius:25px;
  color:#fff!important;
  background-color:#000;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
  transition: 0.5s ease-out all;
}
.header-button a:hover {background-color:#fff!important;color:#000!important;}

/* NAV - MENU ITEM - ADD YOUR OWN LISTING */
.i-dropdown>li.menu-item-xxx a {margin: -1px 0 0 0;padding-left:20px;color:#fff!important;background:#000!important;}
/* NAV - HIDE SIGN IN AND REGISTER FROM NAV MENU */
.header .user-area.signin-area,
.header .mob-sign-in {
    display: none !important;
}

/* ML - PRICING TABLE - COLUMNS */
.pricing-item {border-radius:25px;box-shadow:6px 6px 20px 2px rgba(0,0,0,0.2);transition:all .4s ease-in-out;}
.pricing-item:hover {transform:scale(1.05);}

/* ML - SINGLE LISTING - SECTIONS*/
.single-job-listing .element {border-radius:25px;box-shadow: 5px 0px 30px 0px rgba(0,0,0,0.25);}

/* ML - SINGLE LISTING - QUICK ACTIONS */
.quick-listing-actions>ul>li>a>i {color:#6956d3;}
.quick-listing-actions>ul>li>a>i:hover {color:rgba(104, 85, 211, 0.6);}

/* ML - SINGLE LISTING - NO COVER - BACKGROUND */
.profile-cover.profile-cover-no-img {background:#7663E0;}

/* ML - SINGLE LISTING - CONTACT FORM 7 - SUBMIT BUTTON */
.wpcf7-form input[type=submit] {border-radius:25px;text-transform:uppercase;font-weight:600;}

/* ML - SINGLE LISTING - SOCIAL MEDIA BLOCK */
.social-nav {width:50%;}
.social-nav li span {color:#000}
.social-nav li a i {background:#6956d3;border:#6956d3;color:#fff;}

/* ML - SINGLE LISTING - SOCIAL MEDIA BLOCK - FIXES HEIGHT TO MATCH OTHER BLOCKS */
.details-list.social-nav, .details-list.social-nav li { margin-bottom: 1px !important; }

/* ML - SINGLE LISTING - ICONS*/
.title-style-1 i {color:#c7cdcf!important;}
.title-style-1 i {display:none;}

/* ML - SINGLE LISTING - BLOCK HEADING SPACING */
.pf-head {padding-bottom:5px;}

/* ML - SINGLE LISTING - CLAIM BADGE */
span.verified-badge i {background:#3ECF8E;}

/* ML - SINGLE LISTING - IMAGE GALLERY */
.owl-carousel .owl-item img {border-radius: 25px 25px 0px 0px;}
#c27-single-listing .gallerySlider .gallery-thumb a.item, .single-product .gallerySlider .gallery-thumb a.item {height:160px;}

/* ML - 27 TABS BLOCK - NON ACTIVE TABS */
.bl-tabs .nav-tabs>li>a {color:#000;}

/* ML - SINGLE LISTING - PHONE FIELD */
.tab-content .element .pf-body a[href*="tel:"] {color:#6956d3;}

/* ML - SINGLE LISTING - SECTIONS*/
.single-job-listing .element {border-radius:25px;box-shadow: 5px 0px 30px 0px rgba(0,0,0,0.25);}

/* ML - SINGLE LISTING - COVER CTA BUTTONS*/
.lmb-calltoaction>a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}
.lmb-calltoaction>a:visited {
 color: #fff !important; 
}
.lmb-calltoaction>a::before {
    display: none;
}
.lmb-calltoaction>a {
    background: rgba(255, 255, 255, 0.11) !important;
    border-radius: 40px;
    transition: .2s ease;
}

/* ML - SINGLE LISTING - NON HYPERLINKED ITEMS */
.extra-details .item-property {color:#6956d3;}*/

/* ML - SINGLE LISTING - PREVENT CLICKING OF CATEGORIES */
#c27-single-listing .element .pf-body .listing-details {pointer-events:none;}

/* ML - SINGLE LISTING - CUSTOM CONTACT FORMS */
.elementor-field-group .elementor-field-textual:focus {-webkit-box-shadow:none;box-shadow:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1!important;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 1!important;
}

/* ML - SINGLE LISTING - WORK HOURS*/
.open {color:#3ECF8E;}
.closed {color:#6956d3;}

.add-listing-step #submit-job-form {background-image: url(https://website[dot]com/wp-content/uploads/yourimage.jpg);}

/* ML - SUBMIT FORM - LABELS - COLORED BACKGROUND */
#submit-job-form .field-head label {margin-left:-10px;font-weight:900;text-transform:uppercase;padding:6px 12px;border-radius:16px;background-color:rgba(0,0,0,0.05);}

/* ML - SUBMIT FORM - ROUNDED AND SHADOWED EDGES */
#submit-job-form .form-section {border-radius:10px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}

/* ML - SUMBIT FORM - SECTION HEADINGS */
#submit-job-form .form-section .pf-head {background-color:#6956d3;padding-bottom:15px;}
.element .pf-body {padding-top:0px;}

/* ML - SUBMIT FORM - TITLES */
.c27-submit-listing-form .title-style-1 h5 {color:#fff;text-transform:uppercase;font-weight:800;}

/* ML - SUBMIT FORM - LABELS */
#submit-job-form .field-head label {margin-left:-10px;font-weight:900;text-transform:uppercase;padding:6px 12px;border-radius:16px;}

/* ML - SUBMIT FORM - ALIGNS SOME FIELD DESCRIPTIONS THAT WERE NOT UNIFORM WITH THE OTHERS */
#submit-job-form small.description {display:block;width:100%;margin-top:5px;}

/* ML - SUBMIT FORM - SOCIAL NETWORKS BUTTON */
.social-networks-repeater > input[type="button"] {color:#fff!important;background:#6956d3;text-transform:uppercase;border-radius:25px;}
.social-networks-repeater > input[type="button"]:hover {color:#fff!important;background:#000;}

/* ML - SUBMIT FORM - WORK HOURS BUTTON */
.work-hours-repeater>input[type=button] {color:#fff!important;background:#6956d3;text-transform:uppercase;border-radius:25px;}
.work-hours-repeater>input[type=button]:hover {color:#fff!important;background:#000;}

/* ML - SUBMIT FORM - KEEPS IMAGES THE ORIGINAL DIMENSIONS IN PREVIEW, PRIOR TO UPLOADING */
.job-manager-uploaded-file .job-manager-uploaded-file-preview img {object-fit: contain;}

/* ML - SUBMIT FORM - SUBTITLES */
#submit-job-form small {opacity:1;font-style:italic;text-transform:none;}

/* ML - SUBMIT FORM - REMOVES THE IMAGE UPLOAD SIZE LABEL THAT ML PUT IN */
#submit-job-form .file-upload-field small {display:none!important;}

/* ML - SUBMIT FORM - CHANGES THE COLOR OF THE DROP-DOWN FIELD SELECTOR ICON */
#submit-job-form .select2-selection--multiple:before, #submit-job-form .select2-selection--single:before {color:#6b3cfc;opacity:1;}

/* ML - SUBMIT FORM - CHANGES THE COLOR OF THE UPLOAD MEDIA ICON */
.review-gallery-add {color:#6956d3;}

/* ML - SUBMIT FORM - SUBMIT BUTTON */
form .listing-form-submit-btn button[type=submit].preview-btn {text-transform:uppercase;}
.skip-preview-btn {
  padding:10px 40px!important;
  width:100%!important;
  color:#fff!important;
  background-color:#8C69FC!important;
  text-transform:uppercase;
  font-weight:900!important;
}
.skip-preview-btn:hover {color:#fff!important;background-color:#000!important;}

/* ML - SUBMIT FORM - LEFT SIDE NAVIGATION */
.add-listing-nav a {text-transform:uppercase;font-weight:900;}

/* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - ACTIVE NAVIATION CIRCLE */
.add-listing-nav .active i {background-color:#6956d3;}
.add-listing-nav ul a i span {background-color:#fff!important;}

/* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - ACTIVE NAVIATION CIRCLE - TEXT HOVER */
.add-listing-nav .active a:hover i {border-color:#050096!important;background-color:#050096;}

/* ML - SUBMIT FORM - LEFT SIDE NAVIGATION - INACTIVE NAVIATION CIRCLES */
.add-listing-nav a:hover i {border-color:#8C69FC;background-color:#8C69FC;}
.add-listing-nav i:hover {border:#8C69FC!important;background-color:#8C69FC!important;}
.add-listing-nav ul a i span:hover {border:#fff!important;background-color:#fff!important;}
.add-listing-nav a i {border-color:#aaa;background-color:#aaa;}

/* ML - SUBMIT FORM - LISTING PREVIEW - SUBMIT LISTING BUTTON */
.job_listing_preview_title input[type="submit"].job-manager-button-submit-listing.button.button-2 {
  border-radius:25px;
  text-transform:uppercase;
  font-weight:600;
}
.job_listing_preview_title input[type="submit"].job-manager-button-submit-listing.button.button-2:hover {
  background-color:#000!important;
  color:#fff!important;
}

/* ML - SUBMIT FORM - LISTING PREVIEW - EDIT LISTING BUTTON */
.job_listing_preview_title .button.job-manager-button-edit-listing {border-radius:25px;text-transform:uppercase;font-weight:600;}
.job_listing_preview_title .button.job-manager-button-edit-listing:hover {background-color:#000!important;color:#fff!important;}

The following snippets are maintained outside of the MyListing team, on a volunteer basis.