How do I adjust the position of the photo in the image info box element?

Posted in: Newspaper
Post count: 32

Hi,
How do I adjust the position of the photo in the image info box element? Could you give me the CSS code for this or can you show me how to do it? Can I set it up separately in the Desktop, landscape, portrait and phone viewsport?

Post count: 22421

hello,

Sorry but the position in the image box element cannot be changed. The images have a fixed layout that will be applied for each case in particular. How do you want to change the position?

Thanks

Post count: 32

You show me an example. For example, swipe right to 50 pixels. I can do other options according to the example.
and Can you write a CSS code to work only on mobile?

Post count: 20688

Hi,

The image is set as background, so you could use background position
https://www.w3schools.com/cssref/pr_background-position.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

This is an example where the image will have a space of 50px to the left
https://www.screencast.com/t/ORMzR5Mym
A no repeat would also be necessary so the image will not repeat itself in the crated space.
Code used in example, it will affect all the image boxes if not made more precise

.td_block_image_box .td-custom-image a {
background-position: 50px 0px;
background-repeat: no-repeat;
}

In the advanced CSS sections you can enter it according to what is needed. For example in the phones section to make it apply only on phones.

If I misunderstand something please correct me.
Thanks

Post count: 32

I’m sorry. I think I told you wrong.
What I want to do is: https://drive.google.com/open?id=19kNt1Ak2lj1DV9s7RNP8_368lIdWo2mw
Now the Maiden’s tower is on the right. It doesn’t look all. How do I make it all look the way it looks? This is very important to me. Please help me. There are so many photos that I have to swipe left and right

Post count: 20688

Hi,

That is the image info box, that element does not have image alignment options at the moment. It will have the options same as a title over image element for example, in coming updates
https://www.screencast.com/t/HebEJLVeNxB
You could use that element instead, and set image size to contain, that will display the whole image. I believe that is what you want.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.