Feature Grid not showing images since upgrade to latest

[adamswbrown]

Hi Team

Production site is running v0.7.3

Development is on the latest v0.8.6
Hugo Version is hugo v0.136.2+extended darwin/arm64 BuildDate=2024-10-17T14:30:05Z VendorInfo=brew
I make use of 2 feature grids on 2 separate pages.

For example

Production:
https://docs.altra.cloud

In both cases, they stopped working in v0.7.3

Dev:

Code being used:

{{< hextra/feature-grid>}}
  {{< hextra/feature-card
    title="Business Case Generation"
    subtitle="Automated insights and value proposition."
    class="aspect-auto md:aspect-[1.1/1] max-lg:min-h-[340px]"
    image="images/landing-page/plan-on-a-page.webp"
    imageClass="top-[40%] left-[36px] w-[180%] sm:w-[110%] dark:opacity-80"
    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
  >}}
  {{< hextra/feature-card
    title="Rapid AI Discovery"
    subtitle="Process millions of data points."
    class="aspect-auto md:aspect-[1.1/1] max-lg:min-h-[340px]"
    image="images/landing-page/rapid-ai-discovery.webp"
    imageClass="top-[40%] left-[36px] w-[180%] sm:w-[110%] dark:opacity-80"
    style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
  >}}
  {{< hextra/feature-card
    title="Optimisation & Cost Savings Engine"
    subtitle="Precise server resource allication optimising TCO."
    class="aspect-auto md:aspect-[1.1/1] max-md:min-h-[340px]"
    image="images/landing-page/cost-optimisation.webp"
    imageClass="top-[40%] left-[36px] w-[110%] sm:w-[110%] dark:opacity-80"
    style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));"
  >}}
  {{< hextra/feature-card
    title="AI-Driven Application Treatments"
    subtitle="Guided and configurable 6R application treatments, which feed into TCO."
    class="aspect-auto md:aspect-[1.1/1] max-lg:min-h-[340px]"
    image="images/landing-page/6r-treatment.webp"
    imageClass="top-[40%] left-[36px] w-[180%] sm:w-[110%] dark:opacity-80"
    style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
  >}}
  {{< hextra/feature-card
    title="Automated Wave Planning"
    subtitle="Auto-Generated, configurable migration plans extrapolated form your data."
    class="aspect-auto md:aspect-[1.1/1] max-lg:min-h-[340px]"
    image="images/landing-page/wave-plan.webp"
    imageClass="top-[40%] left-[36px] w-[180%] sm:w-[110%] dark:opacity-80"
    style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
  >}}
{{< /hextra/feature-grid >}}

All images exist in /images

[imfing]

can you check the browser debugger and see if there's any complaints in the console or the network tab?

[adamswbrown]

Nothing in the console or network tab - images are being correctly found, but just not put on the page

[adamswbrown]

It appears that if I expand the feature grid box, the image is shown,

[imfing]

can you provide a minimum example to reproduce this issue?

[adamswbrown]

I managed to resolve this, it was a build and consistency between the version of Hugo. I had development and the version of Hugo I had in production. Dev was ahead of production.

…

On Sat, Nov 2, 2024 at 9:28 PM Xin ***@***.***> wrote: can you provide a minimum example to reproduce this issue? — Reply to this email directly, view it on GitHub <#483 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AG7KYEQTDUG2DVKL2SCAAN3Z6U7W7AVCNFSM6AAAAABQLGG3AWVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTCMJTGE2DKMY> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[imfing]

That's good to hear. Please let me know if you run into any issue that you think might be related to the theme.