Our blog

Ryan Rockwood
Ryan Rockwood

Love yourself some Showcase IDX but feeling a little, “Meh,” after customizing the colors to match your site? We got you covered. We did the work, paid the money and you can benefit. Showcase IDX allows us to override its design with our own CSS. Grab this code, customize it to match your button / link colors and paste into the Custom CSS section, located under Design at https://admin.showcaseidx.com

.sidx-container .sidx-dropdown-pill.sidx-save-search-pill {
background: #623695;
border-color: #623695;
}
.sidx-container .sidx-reset-search-pill.sidx-share-search-pill,
.sidx-container .sidx-share-search-pill.sidx-share-search-pill,
.sidx-container .sidx-collapse-button {
color: #623695;
}

.sidx-container .sidx-reset-search-pill,
.sidx-container .sidx-share-search-pill{
color:#999;
}
.sidx-container .sidx-map-marker-for-sale.sidx-visited,
.sidx-container .sidx-listings-map .leaflet-bar a,
.sidx-container .sidx-simple-map .leaflet-bar a,
.sidx-container .sidx-map-marker-for-sale {
background: #623695;
border-color: #623695;
color:#fff!important;
}
.sidx-container .sidx-listings-map .leaflet-bar a:hover,
.sidx-container .sidx-simple-map .leaflet-bar a:hover{
background: #fff;
border-color: #623695;
color:#623695!important;
}
.sidx-container .sidx-sort-menu .sidx-sort-menu-direction{
background: #623695;
border-color: #623695;
color:#fff!important;
}
.sidx-container .sidx-map-dot-for-sale .sidx-dot{
background: #623695;
border-color: #623695;
}
.sidx-container .sidx-search-result-flex-fix .sidx-actions i,
.sidx-container .sidx-search-result-grid-item .sidx-actions i{
opacity:1;
}
.sidx-container .sidx-social-search-box .sidx-actions {
color: #623695;
}

.sidx-container .sidx-button.sidx-primary,
.sidx-container button.sidx-primary {
background:#623695;
}

.sidx-container .sidx-main-header .sidx-header-link .sidx-current-page, .sidx-container .sidx-main-header .sidx-header-link .sidx-link, .sidx-container .sidx-main-header .sidx-header-link a{
opacity:0.85;
}
.sidx-container .sidx-map-marker-for-sale:after {
border-top-color: #623695;
}
#sidx-main-container {
min-height: 100vh;
}

Join The Conversation

Have an Opinion? This Blog lives and dies on YOUR comments. We would love to know what you think. You took the time to read it? NOW GIVE US YOUR THOUGHTS!
New - $99 / 1-Hour Tech Consultation (Website to CRM to Internet Marketing) Get Started
+ +