Home>Support>Issue with Button widget button color and text color

Issue with Button widget button color and text color

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/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 22 days, 23 hours ago Andrew Misplon Hi, I Work Here

    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.

  2. 22 days, 19 hours ago VirtualRDN

    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.

  3. 22 days, 5 hours ago Andrew Misplon Hi, I Work Here

    Hi, please, create a test page so we can see the issue. Thanks.

  4. 21 days, 21 hours ago VirtualRDN

    Hi Andrew,
    Page link: https://virtualrdn.com/so-button/

  5. 21 days, 1 hour ago Andrew Misplon Hi, I Work Here

    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.

  6. 20 days, 19 minutes ago VirtualRDN

    Hi Andrew,
    You can close this one out.
    Thanks for your help!

  7. 20 days, 14 minutes ago Andrew Misplon Hi, I Work Here

    Super, glad to hear you’re making progress. If SIteOrigin questions arise in the future, please, let us know.

    Cheers for now :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More