Image blocks not rendering on FE

  • Under “ABOUT” and above my email address, there’s an image block, but the image isn’t displaying on the frontend. Oddly, if you click into + drag the “whitespace”, you’ll be able to see, open in new tab, otherwise engage with the image. Also if you right click + inspect, you’ll see the image file, etc. in Chrome dev tools. I would so appreciate anyone’s advice on how to fix this. Thank you!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi Sarah,

    I looked at the code and here is what I see:

    ———————————————

    <ul><li>Developed technical drawings of residential and commercial buildings using AutoCAD</li><li>Filed plans and reports with city government agencies</li></ul>
</div>

<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>

<!--<style>
.mybtn {
  border: none;
  background-color: black;
  border-radius: 27px;
  color: white;
  padding: 15px 20px;
}
.grows { 
transition: all .2s ease-in-out; 
}
.grows:hover { 
transform: scale(1.1); 
}
</style>
<hr>
<p style="text-align:center; font-size: .875em ; font-weight:bold;">Get in touch!</p>
<p style="text-align:center; font-size:.875em; font-weight:bold;">
<a class="grows mybtn" href="REMOVED">REMOVED</a>
</p>-->

    ———————————————

    Am I missing something I as do not see an image block, rather a button with a hover animation?

    I am not a dev, but it may be the case you are looking at a locally cached copy (unless you have already changed it by now).

    Sometimes caching can be the issue. I use a caching plugin and clear the page cache every time I make an edit. Also, please check your host caching settings – I have set it to the lowest time.

    Please update us on what worked.

    Regards,
    Rupak

Viewing 1 replies (of 1 total)
  • The topic ‘Image blocks not rendering on FE’ is closed to new replies.

Tags