call to action button – can’t see text

Looks like you’re adding inline CSS yourself inside the HTML..

So you have this container:

<div class="siteorigin-panels-stretch ..." style="color: rgb(37, 37, 37); ..." ...>

And then inside that container you have your CTA buttons:

<a ... style="color: inherit;">Case Studies</a>

Do you see what’s happening now? You’re setting the link to inherit the CSS colour of its parent element – which is a shade of grey.

Hello,
Your button text is not showing because it inherit the color from his parent div and parent div color is black so,it mixup with black color .
To apply default color on button, remove inline style="color: inherit;" from link.

If you can’t remove inline style, then paste the below css in file
/wp-content/themes/sydney-child/style.css

.promo-controls a.roll-button.border {
    color: #5180b6 !important;
} 
.promo-controls a.roll-button.border:hover {
    color: black !important;
}

Thanks

• This reply was modified 7 years, 4 months ago by dineshkashera.

You should not be editing the theme’s files unless you are working through a Child Theme, otherwise you will lose your changes when the theme updates. Making changes without a Child Theme will also make debugging much harder for us and you when there is an issue with your website.

If you’re just making CSS changes then use the “Additional CSS” part of the dashboard and do not edit the style.css file of the theme: https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Hello,
@anevins i appreciate your answer :).