Missing js_composer_front-inline-css
Those are the styles I see if I open a preview of my page:
<style id='js_composer_front-inline-css' type='text/css'>
.vc_custom_1564577562193{margin-top: 0px !important;margin-bottom: 48px !important;background-image: url(https://werkmarkt.de/wp-...
.vc_custom_1564730730278{padding-top: 10px !important;padding-right: 10px !important;padding-bottom: 10px !important;padding-left: 10px !important;background-color: #0d4069 !important;}
.vc_custom_1564580842144{margin-top: 0px !important;margin-bottom: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;background-color: #ffffff !important;border-bottom-style: none !important;}
.vc_custom_1564581590826{margin-top: 0px !important;margin-bottom: 10px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-right: 10px !important;padding-bottom: 0px !important;padding-left: 10px !important;}
.vc_custom_1564581463053{padding-right: 10px !important;padding-left: 10px !important;}
...
.vc_custom_1563281909580{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;padding-right: 10px !important;padding-left: 10px !important;}
.vc_custom_1563283314121{margin-top: 0px !important;margin-bottom: 10px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-right: 10px !important;padding-bottom: 0px !important;padding-left: 10px !important;}
...
.vc_custom_1564644730191{margin-top: 0px !important;border-top-width: 0px !important;padding-top: 0px !important;padding-right: 10px !important;padding-left: 10px !important;background-color: #ffffff !important;}
.vc_custom_1564644783233{margin-top: 0px !important;margin-bottom: 10px !important;border-top-width: 0px !important;border-bottom-width: 0px !important;padding-top: 0px !important;padding-right: 10px !important;padding-bottom: 0px !important;padding-left: 10px !important;background-color: #ffffff !important;}
...
</style>
and those are the styles I see on the live site:
<style id='js_composer_front-inline-css' type='text/css'>
.vc_custom_1540211244535{margin-top: 0px !important;margin-bottom: 48px !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}
...
</style>
The result are several missing styles on the live page since the generated ID of the html elements in the live page correspond to the IDs I see in the styles of the preview page.
Any idea what is going wrong here?
Comments