When we’ve selected “can’t go” to show up in the event setup and then publish the event, we can only see the “can’t go” button if we hover over it. For our users, it’s completely invisible because they don’t know to hover on it in order to find it so it’s useless to us. We need to change the background color of the “can’t go” button.

I’ve searched these forums for CSS to add to change the background color of the “can’t go” button but can’t find it. I have used the themers guide in the past to help me figure out CSS code to customize the site, but I can’t find it now (page has a 404 error). This situation impacts all events on our calendar.

Our page is member-only to protect our Scouts so I’m not sure how to give anyone access to see it without you joining the site. I’m open to allowing one person to do so to help me with the CSS.

I need to replace 2 images on the website – the background image in the Nav Menu (astra theme)and the button image – i am not able to do it via edit menu / button function.

Can anyone advice me?

Also when viewed in Safari on a mobile headings break in odd places – i wonder if anyone has ideas how to fix that?

Any feedback welcome!
Thank you in advance. L

I activated the plugin on a test site. I couldn’t find an option to change the button background color in Appearance – Customize, so I changed the color in the style.css in my child theme.

.widget a {
color: #ffffff;
}

a:link {
color: #bc4242;
}

/* visited link */
a:visited {
color: #bc4242;
}

.button {background-color: #ffffff;padding: 8px 14px;margin-left:30px;margin-bottom:50px;font-size: 18px;color:#ffffff;border:none;border-radius: 3px;}

And it worked – viewed on a Mac in Safari and Firefox (but not in Chrome) and on an iPad.
Testing Site

I made the same changes on my working site child theme style.css. I compared the two css pages to be sure. But on the working site, it still has the colored buttons.
Working site

By all accounts everything is the same, except for the button background.

How to change the background color of the button to orange, text to white, and with no border width?

Can you please send me the css for this please.

FYI, I am using Divi theme. I can add a custom css on the theme option. I am not a techy person.

Thanking you in advance.

Kind regards.

https://www.ads-software.com/plugins/contact-form-7/

https://www.ads-software.com/plugins/content-views-query-and-display-post-page/

See example at Cast Off for Catalina Product page.

Mindy, from WooCommerce support too a look and says…

I tried installing WooCommerce Colors, and I’m also seeing that the product tabs styling is getting messed up on my local site. I’m not sure what’s going on, but it appears to be some trouble with the plugin.

She asked that I post the issue here.

https://www.ads-software.com/plugins/woocommerce-colors/