By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!.btn-secondary {
background-color: pink;
border-color: purple;
}
.btn-secondary-outlined {
border-color: pink;
color: purple;
}
Beat me to it! Thanks @Mangini,The buttons seem to work, the theme just uses a poor color scheme to render the buttons. WooCommerce may have button color settings you can use to change these without CSS, but the code you're looking for will go something like this:
CSS:.btn-secondary { background-color: pink; border-color: purple; } .btn-secondary-outlined { border-color: pink; color: purple; }
For others' reference, the buttons are showing on a single listing page. @RaaselBrig it will definitely help if you post the exact link so we can see the issues without digging through your site.
Oh, my bad, i got those kinda color on hereThe buttons seem to work, the theme just uses a poor color scheme to render the buttons. WooCommerce may have button color settings you can use to change these without CSS, but the code you're looking for will go something like this:
CSS:.btn-secondary { background-color: pink; border-color: purple; } .btn-secondary-outlined { border-color: pink; color: purple; }
For others' reference, the buttons are showing on a single listing page. @RaaselBrig it will definitely help if you post the exact link so we can see the issues without digging through your site.
The buttons seem to work, the theme just uses a poor color scheme to render the buttons. WooCommerce may have button color settings you can use to change these without CSS, but the code you're looking for will go something like this:
CSS:.btn-secondary { background-color: pink; border-color: purple; } .btn-secondary-outlined { border-color: pink; color: purple; }
For others' reference, the buttons are showing on a single listing page. @RaaselBrig it will definitely help if you post the exact link so we can see the issues without digging through your site.
/* buttons colors
/* ----------------------------------------------------------- */
.btn-primary,
.fc-button-primary {
color: #cc9000;
background-color: #cc9000;
border-color: #cc9000; }
.btn-primary:focus, .btn-primary:focus:active,
.fc-button-primary:focus,
.fc-button-primary:focus:active {
color: #cc9000;
background-color: #cc9000;
border-color: #cc9000; }
.btn-primary:hover,
.fc-button-primary:hover {
color: #fff;
background-color: #33beff;
border-color: #33beff; }
.btn-primary:active, .btn-primary:not(:disabled):not(:disabled):active,
.fc-button-primary:active,
.fc-button-primary:not(:disabled):not(:disabled):active {
color: #fff;
background-color: #33beff;
border-color: #33beff; }
.btn-secondary {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-secondary:focus, .btn-secondary:focus:active {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-secondary:hover {
color: #fff;
background-color: #34ce57;
border-color: #34ce57; }
.btn-secondary:active, .btn-secondary:not(:disabled):not(:disabled):active {
color: #fff;
background-color: #34ce57;
border-color: #34ce57; }
.btn-primary-outlined {
color: #00aeff;
background-color: transparent;
border-color: #00aeff; }
.btn-primary-outlined:focus, .btn-primary-outlined:focus:active {
color: #00aeff;
background-color: transparent;
border-color: #00aeff; }
.btn-primary-outlined:hover {
color: #fff;
background-color: #33beff;
border-color: #33beff; }
.btn-primary-outlined:active, .btn-primary-outlined:not(:disabled):not(:disabled):active {
color: #00aeff;
background-color: rgba(26, 26, 26, 0);
border-color: #33beff; }
.btn-secondary-outlined {
color: #28a745;
background-color: transparent;
border-color: #28a745; }
.btn-secondary-outlined:focus, .btn-secondary-outlined:focus:active {
color: #28a745;
background-color: transparent;
border-color: #28a745; }
.btn-secondary-outlined:hover {
color: #fff;
background-color: #34ce57;
border-color: #34ce57; }
.btn-secondary-outlined:active, .btn-secondary-outlined:not(:disabled):not(:disabled):active {
color: #28a745;
background-color: rgba(26, 26, 26, 0);
border-color: #34ce57; }
.btn-call {
color: #28a745;
background-color: transparent;
border-color: #28a745; }
.btn-call:focus, .btn-call:focus:active {
color: #28a745;
background-color: transparent;
border-color: #28a745; }
.btn-call:hover {
color: #28a745;
background-color: rgba(26, 26, 26, 0);
border-color: #34ce57; }
.btn-call:active, .btn-call:not(:disabled):not(:disabled):active {
color: #28a745;
background-color: rgba(26, 26, 26, 0);
border-color: #34ce57; }
Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.
We use essential cookies to make this site work, and optional cookies to enhance your experience.