Hello. When I add a SO Button, the default colour is RED. There is no red anywhere in my site so this is a preset somewhere but I cannot find where. I’m aware that within the widget I can set my own custom colour, and hover colour, but I would like to know where I can change that red to my own custom colour. So that all buttons can be the same. I’m hoping there is somewhere to set a default button colour AND a default hover colour. Can anyone advise please? I’m using Site Origin Corp theme V 1.20.11. Thank you
Button Widget Default Colour
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Charlie
Red is the default Corp button styling. I’m not quite sure why the Button Widget is defaulting to the theme styling. Unfortunately there isn’t a global option at the moment but the red should respond to AppearanceCustomizeTheme SettingsTypography: Accent Color.
Alternatively, the Custom CSS rules at the bottom of the page here Page: CSS Snippets can be inserted at AppearanceCustom CSS or CustomizeAdditional CSS and adjusted.
Hi Andrew (it’s been a while since i was on here),
Thanks for your reply. I just wanted to feedback so this is on the thread for others.
The first option you gave doesn’t work, it ignores the colour that I’ve set on my accent colour for the button colour.
The second option you gave, alas, also didn’t change the button colour either. I inserted the CSS and created a new instance of my button and there it was in red yet again!
So far, the only way I’ve found that works is to edit the settings within the widget on the page itself and choose custom colour for background and custom colour for hover. This works fine, but of course is not beneficial when I have 30 buttons on the website that would each have to be changed individually!!
Maybe you want to look at this if it shouldn’t be defaulting to the theme styling and it’s a bug.
Thank you.
Hi Charlie
Thanks for the update.
The default Button Widget color is blue as far as I’m aware. Please send a link to an example page and I’ll take a look.
Thanks
Hi Andrew,
I believe the default wordpress button is blue, but you said the default Corp theme colour is red. Red is what I’m getting. So here is a sample of where I’ve just added a button and not adjusted the colour.
https://theangelstouch.co.uk/sports-massage/
I added to the custom CSS the code that was in the link you sent and I left it exactly as is, I didn’t change that to my purple colours. So the colours that should be showing if the CSS is being used for styling, are the colours (blue) that are in that code snippet.
You can see a sample of a button that I added and changed the settings directly on the widget where you add the target URL and button label. This was what I wanted to add as the standard for any button site wide.
https://theangelstouch.co.uk/acne-treatment-with-dermalux/
Hi Charlie
Is that a Livemesh SiteOrigin Widget? What options do Livemesh provide when editing the widget?
https://livemeshwp.com/siteorigin-widgets/buttons/
> A button of Default color has its color derived from the Theme Color set in the plugin options.
Goodness me there are two buttons (Site Origin and Livemesh) I didn’t realise! Yes, so the one I’m using is the Livemesh one – and the link that you sent shows that the default for that IS the red that I’m getting. So I went into the Livemesh settings and my theme colours are already set to my purples and I still can’t see where the red is actually set.
Would you recommend that I change my buttons to the SiteOrigin ones instead of the Livemesh ones?
It’s best to use the option that suits you best. If you’re heavily minimizing and concatenating assets then it’s best to test without those features enabled. I’m not sure which plugin or service you’re using for that.
I just need a button so whichever one will allow me not to have to customise the colour independently on each button is the one that would work for me. I still don’t know but I’ll try out the SiteOrigin Button to see if that works to my theme colours while the LiveMesh one doesn’t.
I’m not sure what your second sentence even means sorry. I’ll try the SO button.
So now I’ve tried the SO button on this page https://theangelstouch.co.uk/sports-massage/
This one doesn’t show up as red (as I now know that the red comes as default for the Livemesh button)
Now I’m getting a blue button and still not my purple colours, despite the purple colours being set just about everywhere I’ve already covered. Thank you
Livemesh would be the one then for a global default. It might be best to contact Livemesh directly on the WordPress.org forum page for their plugin regarding the default not working. Before doing that I recommend temporarily deactivating Nitro? That might be the plugin that is compressing all of your theme and plugin stylesheets.
> Now I’m getting a blue button and still not my purple colours, despite the purple colours being set just about everywhere I’ve already covered.
The SiteOrigin Button Widget is working as expected; it doesn’t currently offer a global default. The Custom CSS I sent earlier wasn’t designed to change the Button Widget, I thought you were using some of HTML button; I wasn’t sure but knew it likely wasn’t ours.
Thank you Andrew you’ve been so helpful (and precise and informative!!). I thought LiveMesh was also SiteOirigin as it says “LiveMesh SiteOrigin Widgets”
My pleasure; thanks for hanging in there with me. There are a few addon type plugins for SiteOrigin. The SiteOrigin Widgets Bundle is a framework that allows easy extension. We sometimes pass support queires onto Livemesh, they’re generally responsive. Hopefully you’ve made progress.
Cheers
Andrew