Background image not appearing on frontend of site (X Pro)

Support
#1

I’ve been having an issue since the last two updates of Pro, where the background image appears in the Pro editor, but not on the front end of the site. I’ve tried adding the following code, as well as clearing cache from caching plugins, and even systematically deactivating and reactivating plugins, but to no avail. Any suggestions?

.site {
background-color: transparent !important;
}

#2

Hello There,

Please follow up the steps below:

  1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
  2. Go to X > Settings and click on the Clear Style Cache button.
  3. If you’re using a CDN(ex: CloudFlare), please clear the CDN’s cache and disable optimization services. For the CloudFlare you also need to follow the steps below besides the developer mode: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/1
  4. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
  5. Remove custom CSS and Javascript from the options or Child Theme and test the case.
  6. Switch to the parent theme to check if the issue persists.

If you still have problems kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

#3

It appears that Woocommerce is causing the issue. However, I’m unclear as to why this is a problem with this site uniquely, and only on the frontend (I have several other sites running WC+either X or Pro themes with no problems). Any suggestions?

#4

Hi There,

Please provide us the site URL and login credentials in a secure note so we can take a closer look.

And please point us on which page and which section you’re having the background issue.

Thanks,

#5

It occurs on all pages.

#6

Hello @BPAuto,

I have investigated the issue and it is because of the JS error on the page, the background image weren’t able to display. The error is about:

woocommerce.min.js?ver=3.4.6:1 Uncaught ReferenceError: Cookies is not defined

We must resolve this first. To do that, please check out this articles:


https://wordpress.org/support/topic/cookies-is-not-defined/

Hope this helps. Please let us know how it goes.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.