deeve

..I’ve also noticed that when the masonry grid does not appear the grid class and value is: .masonry-container.are-images-unloaded {opacity:0;}

Yes. Currently I’m trying to use plugin called Zajax as it throws less errors than others I’ve tried but the other possibilities are AWS (Ajaxify) and Advanced AJAX Page Loader. They nearly all offer the ability to enter code to re-load js & css after AJAX complete but I imagine I need to re-initiate the js for the masonry grid to get it to display correctly? The CSS issues I have are on another thread on this forum.

Hi Tom, many thanks for the reply. I’d been trying to get the Zajax plugin to work to load all pages via AJAX and CSS rules for whatever the landing page seemed to be applied to all subsequent loaded page data. The blog page was most obvious in dropped styles. I thought I’d checked before posting this question so thought to double check; did a quick comparison between the 2 page’s generated inline styles when loaded directly via URL and the home page had this extra:

.generate-sections-inside-container {padding-left:0px;padding-right:0px;}#generate-section-1 .generate-sections-inside-container{padding-top:0px;padding-bottom:0px;}@media (max-width:768px) {.generate-sections-inside-container {padding-left: 0px;padding-right: 0px;}}#generate-section-2 .generate-sections-inside-container{padding-top:40px;padding-bottom:40px;}@media (max-width:768px) {.generate-sections-inside-container {padding-left: 0px;padding-right: 0px;}}#studio.generate-sections-container{background-color:#111111;}#studio .generate-sections-inside-container{padding-top:0px;padding-bottom:0px;color:#ffffff;}@media (max-width:768px) {.generate-sections-inside-container {padding-left: 0px;padding-right: 0px;}}#generate-section-4 .generate-sections-inside-container{padding-top:0px;padding-bottom:0px;}@media (max-width:768px) {.generate-sections-inside-container {padding-left: 0px;padding-right: 0px;}}#focus.generate-sections-container{background-color:#111111;}#focus .generate-sections-inside-container{padding-top:0px;padding-bottom:0px;color:#ffffff;}@media (max-width:768px) {.generate-sections-inside-container {padding-left: 0px;padding-right: 0px;}}#featuredmixes .generate-sections-inside-container{padding-top:0px;padding-bottom:0px;}@media (max-width:768px) {.generate-sections-inside-container {padding-left: 0px;padding-right: 0px;}}

The blog page does not contain the above but has this in addition to the homepage styles:

.blog footer.entry-meta, .archive footer.entry-meta {display:none;}#nav-below {display:none;}

I had tried putting the blog page’s inline CSS into an external stylesheet and imported that upon AJAX complete but didn’t change anything.

I then thought to try a different AJAX page loader so tried AJAXify (AWS) and that loaded all CSS correctly but now have probs with some missing JS scripts.

Is it not right that my customiser inline styles are being generated differently for each page?

Thanks

@jdembowski I think you’ll find that contact form is for support for the paid program as opposed to the WordPress free plugin, of which this forum happens to be listed as the specific support forum on the plugin page itself. Or am I wrong?

• This reply was modified 6 years ago by deeve.

Hi @justinbusa, there wasn’t one made by the original designer so I’ll put one together to show you what’s not happening. Will let you know on here when I’ve managed to get one sorted.

deeve

Hi @justinbusa, many thanks for your reply.
Yes, I am trying to use AJAX to load pages as I need to have a constant div audio player on my site & the only way I can find to enable this is to load all page content with AJAX.
I read somewhere BB compiles page/module specific scripts into the META? Where would your code to enqueue need to be placed? Normally in WP it’s functions.php?
Thanks,

deeve.