I’m using the Guttenberg block editor.
I add a SiteOrigin Widget block.
I select the Button widget.
I edit the Button widget and set button color to red and text color to white.
The button colors appear correct in the block editor block.
When I preview the page from the editor, the button colors are correct.
When I open a new browser tab and go to the page, the text is red and the background is white.
Any idea why this is happening, and how to fix it?
Here’s the page link where you can see the Contact button at the bottom: https://virtualrdn.com/services/make-it-a-family-affair/
Thanks!
Hi VirtualRDN
Thanks for reaching out.
Is the button on the page link provided still added using a SiteOrigin Widget block? Looking the source code, it doesn’t appear to be using a SiteOrigin widget at the moment.
Hi Andrew,
You are correct I switched to the default block editor button until we can resolve the SiteOrigin button issue.
Please let me know if I need to create a web page with your button to assist with troubleshooting the issue.
Hi, please, create a test page so we can see the issue. Thanks.
Hi Andrew,
Page link: https://virtualrdn.com/so-button/
Thanks for the link. The Button widget stylesheet is returning a 403 error. If you open your browser console, the error is visible. Here is how https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/#step-3-diagnosis.
There is a range of possible causes, more info here https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/.
You might start by temporarily deactivating all plugins not authored by SiteOrigin, re-test and see if there is any change.
Hi Andrew,
You can close this one out.
Thanks for your help!
Super, glad to hear you’re making progress. If SIteOrigin questions arise in the future, please, let us know.
Cheers for now :)