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

Issue with Button widget button color and text color

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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!

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

  1. 5 years, 2 months 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. 5 years, 2 months 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. 5 years, 2 months ago Andrew Misplon
    Hi, I Work Here

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

  4. 5 years, 2 months ago VirtualRDN

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

  5. 5 years, 2 months 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. 5 years, 2 months ago VirtualRDN

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

  7. 5 years, 2 months 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