Image meta handle in ess grid not working

Support
#1

Hi there,
I added a new meta handle that is defined as image and there is an image there that I chose. However, in the website itself the image is not showing, its URL is though.

Please advise on how to fix it.

Thanks,

#2

Hi @liorgo81

Please make sure you are using “Blank HTML” layer with something like this as its content:

<img src="%eg-clients-icon%" />

Where eg-clients-icon is the meta handler you have registered, by following this way, I’m pretty sure you should have the image being displayed in your skin, in case this didn’t help, then please provide us with WordPress Dashboard login details in a “Secure Note” so we can investigate this issue.

Thanks.

#3

Hi there,
I tried what you offered. It pulls the right data but I can’t edit the location of where it would be within the grid, so it sits on top of the featured image in the grid; I either see the logo or the image.
with the logo -

I’d like it to sit at the top left corner, above the image.
where I’d like it to be -

#4

Hey @liorgo81,

You will need to re-position the layer in the Skin Editor. If we could see your setup, maybe we could point you to the right settings. But, I’d also recommend you read the Skin Editor usage instructions.

Thanks.

#5

Hi Chrisitan,
I did try and position it. Also, as you can see, I positioned the bottom meta elements. However when I used the HTML for the image-meta handle I am unable to control neither the position nor the size. It completely covers the feature image as you can see from the top screenshot I attached.
Also, in positioning - I can’t seem to put it above the feature image, only on top of it.

Hope this makes sense,
Please help,

#6

Hey @liorgo81,

In this case, please give us access to your WordPress admin in a Secure Note and also the URL of the page where you’ve added your grid.

Thanks.

#7

sent!
Cheers,

#8

Hi,

You can try adding a width to your img code

eg.

<img width="50" src="%eg-clients-icon%" />

Hope that helps

#9

Where would you recommend to add that?

#10

Hi there,

It’s the same place where you added the code provided by @Alaa. And replacing it with the new one. You may also apply your own styling instead of that attribute, like this

<img style="max-width: 50px;" src="%eg-clients-icon%" />

or position it too

<img style="max-width: 50px; position: absolute; top: 0px; right: 0px;" src="%eg-clients-icon%" />

You just need to enhance the first code provided by @Alaa

Thanks!

#11

AMAZING.

Thanks so much!

#12

You’re welcome! :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.