[Support request] Elements Layout Blocking/Not Loading Stylesheets

[Shannon]

When using an elements layout in conjunction with a custom post type is there anything that would block/prevent a stylesheet in child theme from loading? I’m having that issue. The stylesheet loads fine on a regular page where the layout is unique to that page. When the layout is controlled by an element it is not loaded.

Does that make sense?

Thanks,
Shannon

[Fernando]

Hi Shannon,

It makes sense, however, this shouldn’t be occurring because of an Element. Is this a custom stylesheet? If so, what’s the name of the file?

Can you also share the link to where we can see this issue? You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Shannon]

Hey Fernando,

Yes. It is a custom stylesheet. The file I’m trying to pull in is: /wp-content/themes/ion-ap3-child/style.css?ver=1.5.3.1

I created a Dropbox link for you with three screenshots. You’ll see via the inspector that two of the pages pull in the stylesheet while the third one does not. Forgive the red background color. That’s not a design choice but rather my visual cue as to what styles were being applied.

The first two screenshots are layouts of standard pages using GP and GB. The third one (that’s not red) is a custom port type, “video.” It’s layout is controlled via a Block – Content Template element. All the “video” pages use this element.

If the screenshots look funny it’s because the site is being pulled via an iframe into an app called using the plug-in AppPresser.

Hope that was a clear explanation. I don’t know for sure that it’s the element that’s blocking the stylesheet from being loaded. Just looking to eliminate suspects.

Thanks again,
Shannon

[Fernando]

Can you provide admin login credentials? We’ll try to take a closer look.

Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Shannon]

Sure.

[Fernando]

Can you point us to a specific page where the issue is occurring? Can you also point us to the specific element causing the issue?

[Shannon]

Yes.

My issue occurs on any video page.

For example, if you view the “LHTV” page and then click on any of the thumbnails, for instance “Crappie, Perch, and Saugeye” that is a “video” custom post type that is controlled by the “Main Video Hero” and “Show Episode Main Content” elements.

“LHTV” pulls the child stylesheet, “Crappie, Perch, and Saugeye” does not.

[Fernando]

I’m not seeing the Stylesheet loaded on any page. Is it only meant to load on App Presser?

Out of curiosity, why not use a GP Child theme and add the CSS through style.css there?

[Shannon]

Yes. Did you happen to look at the screenshots and details in the private info fields? I tried to describe it as best as I could there.

In short the stylesheet is loaded by Apppresser. It’s not visible through a regular browser. That’s why I wanted to provide you with the page source HTML in the Dropbox link.

That is a good idea. I’ll try it. However any styles I add there will be displayed on the front end too. I’m trying to make app specific layout changes/fixes. That’s what’s good about the ION child theme stylesheet, it’s not displayed on the “regular” site for the whole world to see.

Plus, my “Blog” page isn’t rendering correctly at all. I’ll provide that screenshot too in Dropbox. Like the videos page, it is controlled by an element, “Blog Archive Layout.”

Hope that helps.
Thanks.

[Fernando]

Yes, I was able to see the screenshots, however, they’re a bit low in quality. It’s hard to read the texts.

I’m not sure how AppPresser enqueues the Stylesheet as well. There shouldn’t be anything Element related that should prevent this. Elements are basically just hooks.

It would be good as well to reach out to AppPresser to check what may prevent the stylesheet from loading codewise.

Can you expound a bit more on when you say “app specific”? What does this mean? Are you referring to Android vs IoS for instance, or is it Mobile vs other Views for instance?

As for the Blog page, it seems only to be an issue with AppPresser. Looking at it “normally”, it looks fine.

Can you try enqueueing your style sheet through a GP Child theme first? Or, can you use the style.css file of the Child theme?

[Author]

Posts