Benjamin Lukoff

By the way, it looks like this may only be an issue for grayscale JPGs. THESE look the same to my eyes:

https://www.writesofway.org/wp-content/uploads/2021/07/Monorail-Streetcar-Oran-Viriyincy.jpg.webp
https://www.writesofway.org/wp-content/uploads/2021/07/Monorail-Streetcar-Oran-Viriyincy.jpg

and

https://www.writesofway.org/wp-content/uploads/2021/05/aetna-bertona-cremona-dravus-etruria-florentia.png.webp
https://www.writesofway.org/wp-content/uploads/2021/05/aetna-bertona-cremona-dravus-etruria-florentia.png

Thank you for all your help on this! Off to write a ***** review ??

Thank you!!

Sure — https://pastebin.com/Nn8p0qpv — thanks!

Hello again —
I tried again, this time with Remove Metadata off, but the same thing happened:

https://www.writesofway.org/wp-content/uploads/2021/06/38072.jpg.webp
https://www.writesofway.org/wp-content/uploads/2021/06/38072.jpg

Any ideas?
Thanks
Ben

Thank you!!!

Will do!

Marking resolved! Thanks again ??

I’m using 2.0.3. Settings are indeed showing. And yay! It looks like the Autooptimize fix worked. Thank you!!!!

I believe I am having a similar issue. After updating your plugin today my fonts are not displaying properly. https://www.writesofway.org/ should be using Overpass. Thank you!

Thanks for the link! I was thinking about getting around the N/E/W/S/NE/etc. issue by creating a custom meta tag and just putting the “bare” name in there, e.g., Interlaken Boulevard, or Holman Road. But your sorting callback idea makes sense. Thank you!

Thanks! I don’t entirely know what I’m doing, but may see if this enables me to do it myself. Who knows; maybe I’ll end up writing my own plugin ??

Can you clarify what you mean? Do you want the website to be something like this, where you can click through a series of PDFs, sort of like flipping through an actual book?

It might help if you had an example of another website that is doing what you’re envisioning.

That’s wonderful! Thank you!!

That worked perfectly @supernovia! Thank you!

So, this works on desktop view beautifully, but in mobile, not so much. See screen shot at https://i.imgur.com/JOlDQQr.png .. this is unfortunately what happened to me when I tried a different way to make this look right.

The thing is, I’m not sure how these conflicting widths got created. I don’t recall specifying widths for the main content area or the article… The only widths I have are for particular elements, like

#subscribe-label.subscribe-label {
  width: 400px;
  font-family: "Overpass";
}

#subscribe-blog-label.subscribe-label {
  width: 400px;
  font-family: "Overpass";
} </code> or <code>.entry-meta {
  width: fit-content;
  align-content: center;
}

etc. Here is all the custom CSS I have. Do you think it’s an issue with the theme itself?

.site-branding a,
.site-branding a:hover,
.site-branding a:focus,
.site-branding a:active {
  color: #ffffff;
  font-family: "Overpass";
}

.posted-on,
.entry-date {
  color: #ffffff;
  margin: 0 auto !important;
}

.site-footer,
.widget,
.footer-sidebar,
.widget-block,
.clear widget-area {
  font-family: "Overpass";
  background-color: #015138;
}

.entry-title,
.entry-title a {
  font-family: "Overpass";
  font-style: normal;
  background-color: #015138;
  text-shadow: 0px 0px 0px;
  color: #ffffff;
  padding: 5px;
  border-radius: 6px 6px 6px 6px;
  width: fit-content;
  align-content: center;
  margin: 0 auto !important;
}

.menu-toggle .mobile-site-title {
  font-family: "Overpass";
  background-color: #015138;
  border: 2px solid #ffffff;
  border-radius: 6px;
  padding: 8px;
}

.entry-meta {
  font-family: "Overpass";
  font-style: normal;
  background-color: #015138;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-radius: 6px 6px 0px 0px;
  padding: 2px;
}

.entry-meta {
  width: fit-content;
  align-content: center;
}

.entry-header .entry-meta:before,
.entry-header .entry-meta:after,
.title-block .entry-meta:before,
.title-block .entry-meta:after {
  color: #d9d6d0;
  content: "";
  display: inline-block;
  font-family: libretto-icons;
  font-size: 24px;
  margin: 0 0.25rem;
  text-shadow: none;
  vertical-align: -6px;
}

.entry-meta {
  margin: 0 auto !important;
}

#footer-sidebar.clear.widget-area,
menu-toggle {
  background-color: #015138;
}

#footer-sidebar.clear.widget-area a {
  color: #ffffff;
}

.menu-toggle {
  background-color: #015138;
}

a,
a:hover {
  color: #015138;
}

#subscribe-label.subscribe-label {
  width: 400px;
  font-family: "Overpass";
}

#subscribe-blog-label.subscribe-label {
  width: 400px;
  font-family: "Overpass";
}

.nav-bar {
  color: #015138;
  background-color: #faf9f5;
}

#site-navigation a {
  color: #015138;
}

.error404,
.error404 a {
  color: #ffffff;
}

span[class*="simple-icon"] {
  width: 1.5em;
  height: 1.5em;
}

#comments.comments-area {
    margin-left: -3em;
    margin-right: -3em;
    background-color: #faf9f5;
  text-align: center;
}

• This reply was modified 5 years, 10 months ago by Benjamin Lukoff.