Call to Action on white background

For some reason the call to action button on my FRONT PAGE below the “SERVICES” row and the “OUR BLOG” row is a solid button with no visible letters until you roll over it. Both of these rows have a white background… The buttons show up just fine on the rows with dark backgrounds. Any ideas?

website --> helpdeskdigital.biz

Hi,

That’s because your links are set to the same background color you’ve used for the button, but you can make the button’s text color to white with this Custom CSS:

.sydney_services_widget .roll-button.more-button {
    color: white !important;
}

.sydney_services_widget .roll-button.more-button:hover {
    color: #96776c !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

That worked great for the services widget! Can I do the same for the “Blog” widget at the bottom of the same page?

Hi,

You can do the same with the latest news widget with this Custom CSS:

.sydney_latest_news_widget .roll-button.more-button {
    color: white !important;
}

.sydney_latest_news_widget .roll-button.more-button:hover {
    color: #96776c !important;
}

Please let me know how it works.

Best Regards,
Csaba