[Robert]

I am attempting to change the style of the call-to-action buttons throughout my website. I am using the theme button. I am able to change the color of the button text (via Theme Options) and the color of the button background (via Visual Editor); however, I have not been able to locate where to change the color of the button border. Specifically, I would like the button to have a transparent background, black text, and a black border. Help, please? Thank you.

[Theme Horse Support Team]

Hi Robert,

Can we have your site Url? So that we can provide you the exact CSS code to style the CTA buttons.

Thank you!

[Robert]

Yes, it is http://www.baskervillelaw.com. Thank you kindly!!

[Theme Horse Support Team]

Hi Robert,

Add below custom CSS code to have the CTA button as you are asking for:

input[type="reset"],
input[type="button"],
input[type="submit"],
a.readmore,
.widget_custom-tagcloud a:hover,
#wp_page_numbers ul li a:hover,
#wp_page_numbers ul li.active_page a,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
ul.default-wp-page li a:hover,
.pagination span,
.call-to-action,
.back-to-top a:hover,
#bbpress-forums button {
    background-color: transparent;
}
.call-to-action {
    border: 1px solid #000;
    color: #000;
}
.call-to-action:hover {
    background-color: #000;
    color: #fff;
}

Thank you!

[Author]

Posts