Distance between text and image

Basti_DLK_23 · April 2020

Hello, how can I change the distance between the images and text on the page. This is too big for me.

Pablo · April 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

Basti_DLK_23 · April 2020

Sorry, theres the site.

http://sfzweilheim.bavaerial.de/schule/schulstruktur/klassen-5-bis-9/

Pablo · April 2020

You have to edit the image and text items and decrease/increasine the padding/margin value.

These two values are in common with distance between elements.

Thanks

Basti_DLK_23 · April 2020

Right, but they are all on 0

Pablo · April 2020

Yes, but columns are having the margin by the default - to remove them, you have to get into the settings of the section and turn on the removal option of the margin

https://prnt.sc/s79b0s

Thanks

Basti_DLK_23 · April 2020

Sorry but i can not find this section

Pablo · April 2020

That's because you are using the WPBakery, not the Muffin Builder and the WPBakery always set the default margin with 35px for wraps and any settings .

You would have to remove that margin with CSS class or attach all of the elements that should not have that margin in single row, as on this screenshot:

https://prnt.sc/s7x2os

Thanks

Basti_DLK_23 · May 2020

Have you found a solution to the problem yet?

If I set the margin to -100px then nothing changes in the desktop view but on the smarthpone the text slides behind the image.

Pablo · May 2020

Please attach all of the elements that should not have that margin in single row, as on this screenshot:https://prnt.sc/s7x2os

Thanks

Basti_DLK_23 · May 2020

Sorry but i don´t understand that.

How can i get two pictures side by side?

Pablo · May 2020

Just change the "Row Layout" to 1/2 + 1/2

https://prnt.sc/sjk3ta

Thanks

Basti_DLK_23 · May 2020

http://meeting.bavaerial.com/

(See the Call to Action with the Picture)

Sorry but I have this problem everywhere. I always keep too much distance in here.
With other templates on which Visual Compsoer is installed the problems do not occur.

Pablo · May 2020

Sorry, but I do not understand what you want to achieve right now - if you want to reduce/increase padding/margin just do it through the settings of the row or items.

https://prnt.sc/sk8z5o

https://prnt.sc/sk904b

https://prnt.sc/sk90ss

But, you will not be able to remove the margin completely between the rows, if you want to not to have them, you have to do it in the same row.

The WPBakery plugin is working the same as on the other themes, we did not change it in any way.

Thanks

Basti_DLK_23 · May 2020

Sorry but I always have a gap in the lower area. A blank area although I haven't adjusted anything anywhere.

That's odd.

https://prnt.sc/skad8j

Pablo · May 2020

This gap is really big because of padding on that image, see screenshot:

https://prnt.sc/skagu1

thanks

Basti_DLK_23 · May 2020

https://prnt.sc/skcjs3

https://prnt.sc/skcmv7

But it's the same everywhere. Every picture I insert. I don't even put padding in it.

This seems very strange to me. I don't have it in other themes.

Pablo · May 2020

Please paste that code into the Theme Options > Custom CSS & JS > CSS

.wpb_wrapper > div{
	margin-bottom:0px !important;
}

Thanks

Basti_DLK_23 · May 2020

https://prnt.sc/skx2fw

Excuse me, maybe I can make it clearer with this.

Pablo · May 2020

This code I send you in my previous reply, should solve the problem.

Please paste it to location I send you, or into the Custom CSS code while editing the page.

https://prnt.sc/skxr01

Thanks

Basti_DLK_23 · May 2020

Sorry but now it looks like so.

https://prnt.sc/sli6xv

Not in the middle

Pablo · May 2020

You have to insert some padding on the bottom of that row right now.

Just get into the layout settings and apply about 10-15px of padding there.

Please take a look at the documentation of the WPBakery:

https://kb.wpbakery.com/

Thanks

Basti_DLK_23 · May 2020

OKAY. Thank you very much for your patience

Basti_DLK_23 · May 2020

https://hiemer.de/security/

On this page I also use the composer and there it is displayed correctly. Without padding

Pablo · May 2020

It depends on the layout settings, but as I see, you have inserted the paddings into the row.

https://prnt.sc/slqzc0

Thanks

Basti_DLK_23 · May 2020

Somehow it is a bit more cumbersome in your template. In the already shown template (website) it works without css changes.

But if that's the case, there's nothing you can do about it.

Pablo · May 2020

If you have some other questions, just feel free to ask.

Thanks

Distance between text and image

Comments