How to offset the position of an image embeded into an Image Info Box?

Hi,

Unfortunately there is no settings for this, but it can be done with a custom css, if you wan I can help you with this, just provide me a link where I can inspect the image info box.

Thank you for your understanding!

Hi,

The few settings that you can use from the image are these -> https://i.imgur.com/26k1aax.jpg -> https://i.imgur.com/DHeFgb7.jpg
If you want you can use this code -> https://i.imgur.com/RsX49J7.png
.tdm_block_image_info_box .tds-button1{
margin-bottom: 20px;
margin-right: 50px;
}
It will apply on all image inf box, if you want to apply it only on the image you provide above you need to use the class from that image like this -> https://i.imgur.com/YCT9elT.png
.tdm_block_image_info_box.tdi_133_5a9 .tds-button1{
margin-bottom: 20px;
margin-right: 50px;
}
The code need to be set in theme panel> custom code> custom css.

Hope this will help you!
Thank you!

Hi,

You can achieve that using this custom css -> https://i.imgur.com/bAXVbVm.jpg
.tdm_block_image_info_box .tdm-image-box {
background-position: 50% 65%;
}
You can change the numbers to achieve the position you want.

Hope this will help you better!

Hi,

If you want to set the code individual per image box it will be better to add an extra class for each element you want to edit -> https://i.imgur.com/N7R5zVW.png and the code will be like this -> https://i.imgur.com/EIHQ0RE.jpg

.tdm_block_image_info_box.img-box-1 .tdm-image-box {
background-position: 50% 65%;
}
Also what you need to do for the other image box element is to change the number from the extra class and reuse the code withe the individual settings. The code need to be set in theme panel. custom code> custom css.

Hope this will help you!

Hi,

I note this on our suggestion list for improvements.

Thank you for your suggestion!