Lauren @ Once Coupled

Happy to hear I could help!

Created a pull request: https://github.com/brainstormforce/all-in-one-schemaorg-rich-snippets/pull/41.

Thanks for your help, Frank. I used another plugin to conditionally add the critical CSS and found that I was able to resolve that, as you said.

A note on this particular situation:
When I activate BJ Lazy Load, I get the “Eliminate render-blocking JavaScript and CSS in above-the-fold content” and “Prioritize visible content” warnings again, only on Desktop (although it does mask the “Optimize images” warning). Not the root of the problem, but a fun little side effect I though I’d share. ??

I actually am using a combination of the home page, this specific post, and a page (I think I used “about”). I took the three files and used Kaleidoscope to compare and merge them. If I’m missing just one style, will this still warning still trigger? Should I conditionally enqueue the critical CSS files in the theme for home vs post vs page?

Also seeing this on https://www.peanutbutterandfitness.com/.

Disabling jquery min in Autoptimize or deactivating this plugin resolves all issues. Excluding this script is effectively the same as deactivating the plugin – no pin button on hover.

Error when Autoptimize disabled:
Uncaught TypeError: e.element is not a function
at jpibfi.client.js?ver=2.2.7:1
at jpibfi.client.js?ver=2.2.7:1
(anonymous) @ jpibfi.client.js?ver=2.2.7:1
(anonymous) @ jpibfi.client.js?ver=2.2.7:1

Error when both running:
Uncaught TypeError: Cannot read property ‘hover’ of undefined
at jpibfi.client.js?ver=2.2.7:1
at Object.i.10../debugger (jpibfi.client.js?ver=2.2.7:1)
at r (jpibfi.client.js?ver=2.2.7:1)
at n (jpibfi.client.js?ver=2.2.7:1)
at jpibfi.client.js?ver=2.2.7:1
at jpibfi.client.js?ver=2.2.7:1

First noticed: March 8, 2017

Hey @ampforwp, I found this issue on GitHub (https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/307) but it looks like it hasn’t been released. Can you tell me more about how this will work when it’s released? Will we be able to define the inline width and height values using the options panel or a newly added hook?

Duuuuuude!

Thanks for the clarification Commodore. Do you guys have a newsletter for product announcements? I’d like to know when support for a custom stylesheet is added.

That just went in the post editor: Dashboard > Calendars > Add New

Thanks Nick, will do!

For anyone else looking to do this, here’s how I marked up the event:

<div class="event" itemscope itemtype="https://schema.org/Event">
   <h3 class="event-title" itemprop="name">[event-title]</h3>
   [if-description]<div class="event-description" itemprop="description">[description]</div>[/if-description]
   <div class="event-times">
      <div class="event-start">
         <meta itemprop="startDate" content="[start-date]T">
         <span class="event-bold">Starts:</span> [start-date] at [start-time]
      </div>
      <div class="event-end">
         <meta itemprop="endDate" content="[end-date]T">
         <span class="event-bold">Ends:</span> [end-time]
      </div>
   </div>
   <div class="event-location" itemprop="location" itemscope itemtype="https://schema.org/Place">
      <a class="event-location-name" itemprop="url" href="https://www.leegov.com/parks?Project_Num=0259"><span itemprop="name">NFM Community Park Recreation Center</span></a>
      <div class="event-location-address" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
         <span class="event-location-city" itemprop="addressLocality">North Fort Myers</span>,
         <span class="event-location-state" itemprop="addressRegion">Florida</span>
      </div>
   </div>
   <div class="more-link" >[link newwindow="true"]More details...[/link]</div>
</div>

I hard coded the location, because there wasn’t one included in my events. I’m not sure if the information you get from the calendar can be used directly, or if you won’t have the right information accessible. This method would work if you had a separate listing for every location.

Then you can use some CSS to make it pretty (display mode: list).

.gce-navbar {
    font-size: 14px;
    background-color: #F0F0F0;
    padding: 10px 20px;
    margin-bottom: 40px;
    display: none;
}

.gce-list .event {
    border: 1px solid #F0F0F0;
    padding: 20px;
    margin-bottom: 20px;
}

.gce-list span {
    color: #000 !important;
}

.gce-list .event-bold {
    font-weight: bold;
}

.gce-list .event-description {
    font-style: italic;
    font-size: 18px;
    margin-bottom: 20px;
}

.gce-list .event-times {
    overflow: auto;
    margin-bottom: 20px;
}

.gce-list .event-start,
.gce-list .event-end {
    float: left;
    width: 66%;
}

.gce-list .event-end {
    width: 34%;
}

.gce-list .event-location {
    text-indent: -9999px;
    height: 0;
}

.gce-list .more-link {
    text-align: right;
}

Hey Miguel,

I was actually coming back here to report the same thing.

1. I pulled an old version of /wp-includes/media.php
2. Uploaded it to the site in question
3. Ran a different regeneration plugin (that doesn’t delete old sizes, since I figured some new images might be deleted in the )
4. And uploaded the original media file once more.

Now I’ve made a note NOT to use this plugin for any sites that had media uploaded before 2015… I’ll just have to keep all those old images sizes.

Best,
Lauren

Thanks James, we did contact our host and with their changes, everything is working again!

I’m having this same issue; would love to hear any resolution you find @themightyrant. Thanks for the direction, James!

Update for those coming in through Google and looking for an answer:
It’s not currently possible to have a number-only page slug. https://core.trac.www.ads-software.com/ticket/5305

This is not a response to the redirect, but to the 2015-2 problem.