On the listing detail page, on mobile, you will notice that under the CTA buttons (Ask a Question and Schedule a Tour) there is a 'Call Now' button which displays the display phone number set up from the General Settings, as illustrated below:
Customization Options
Background Color:
The default color is green, instead of the blue for the CTAs to make it stand out. We suggest that if you update this button, to make it a color that stands out from the rest.
*To change the background color of the Call Now button:
.sidx-container .sidx-button.sidx-primary-alt {
background-color: #hexcode !important;
}
------------------------------------------------------------------------------------------------
Text Color:
*To change the text color of the Call Now button:
.sidx-container .sidx-button.sidx-primary-alt {
color: #hexcode !important;
}
Multiple Changes:
*If you were to use all of the above properties to update your button, your code may look like this when placed into your design settings:
.sidx-container .sidx-button.sidx-primary-alt {
background: #hexcode !important;
color: #hexcode !important;
}
Place the desired code(s) in the Custom CSS box under Settings > Design. You must clear your caches, then check your web page in an incognito browser to see the change!
Customization Disclaimer: Please note, Showcase may make future updates to the product which may break previously acceptable CSS code, causing that section on your website to look unusual. If you've noticed your site not looking as expected, please return to this article for the updated CSS code. Additionally, as always, if you are inexperienced with CSS we suggest you turn to your developer as they will be the best contact person for CSS related questions and concerns. We are not developers and provide this baseline CSS for agents and developers experienced in coding.