Maxbutton inconsistently showing correctly

Maxbuttons loads it’s styling in the bottom of the page usually. It seems that this is not happening on that page. I can see the button text, but not the styling.

Often this happen when using caching software ( like litespeed on your site ) . You can try to flush the cache and see if that works. If not, check the settings / documentation for lightspeed and try to disable anything suggesting removing css / combining css etc.

If nothing works, you can output the CSS directly next to the button by adding style to the shortcode, something like this : [maxbutton id=x style=”inline”] where x is the button id.

I’ve tried flushing the cache. When I flush the cache the button shows up correctly for a few minutes then it’s gone again back to not showing up or no styling.

I would like to try this but it seems difficult unless you can walk me through it more: “check the settings / documentation for lightspeed and try to disable anything suggesting removing css / combining css etc.”

This seems simpler if you can tell me more about how to do this: “you can output the CSS directly next to the button by adding style to the shortcode, something like this : [maxbutton id=x style=”inline”] where x is the button id.”

Thanks for any more direction you can offer!

Hi. I’m not an expert on litespeed, but searching for ‘litespeed breaks style’ gets many results for me. You can experiment in the settings for ‘cache’ and see if you see style ( CSS ) related items and check if that makes a difference. Note that logged-in users often see a different page, so open your site in a private (incognito) window

The second option indeed is easier, but the cache might still scrub it. Also it incurs a small penalty on the SEO-score usually because of the inline styling.