Do you make a slight change to an element?
What I want to do is in this image : https://drive.google.com/open?id=1u8OT3Sw47mN2b_zAF8rxK2KkTaVoSVoW
To do this, “Text with image ” is the most appropriate element.But I’ve encountered two minor problems.
Problem 1: https://drive.google.com/open?id=1hUCJEkq7vI0rUwpvL6uEQYLOADLI6ghH
There is a little space between the text and the Image field. I don’t think the picture and the writing area are 50-50 percent.
Problem 2: https://drive.google.com/open?id=1shc8QQB0evThe1gYEr1muH6Lduy2aBjX
When I use more than one of the same element, two photos and two text fields come together in Mobile view. I tried to explain my solution suggestion with a photo because my English is insufficient.
do you think to help? 🙂
If you’re open to recommendations and error notifications to make this beautiful theme more beautiful, I can tell you more.
Note: I’m sorry if I’m rude.
Hello,
1) Yes, there is a padding added to the element. you can customize it to get that no padding layout though. As an example, you can add an extra class to each of the the with image elements used like so: https://www.screencast.com/t/wbqlqcn3lf7A
Then, add this css to the page:
.nopadding .td-block-span6.tdm-col{
padding-right: 0;
padding-left: 0;
}
https://www.screencast.com/t/pBagfzhig
Then you can bring the elements closer together by adding 0 bottom margin to the top element: https://www.screencast.com/t/LQ4RgC4rn
2) As for the second issue, if you flip the elements the order will flip as well so you will not get -image text – image text or -text image -text image but rather the fliped version of 1 element -text image – image text so the 2 images will be shows one after the other on mobile. I hope this make sense.
Thank you!
