Docs

[vpnpick]

I have a problem where I have hundreds of pages that have images under images, or images and text under. I see this is a common question, but the solution is to add class fields to each element individually.

I have hundreds of pages with at least 10 to 40 elements per page that would need modification.

Is there a way to remove or reduce padding that is place specifically between two images placed on top of one an another, or image with text under, but for the whole website, as opposed to manually entering mtn classes for each element?

[Joao]

Hi,

That would be possible but would affect all images in general, it is not possible to create a CSS that will affect just images that are on top of other images.

Let us know if you need further help.

Joao

[vpnpick]

Yes I would like to give that a shot, I assume it would also remove the space between and image and text below it?

Thanks

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS:

img {
margin-top: none;
margin-bottom: none;
}

In case that does not work, please provide your URL.

Thanks

Joao

[vpnpick]

This reply has been marked as private.

[Christian]

Sorry for the confusion. It should be

img {
margin-top: 0;
margin-bottom: 0;
}

If that doesn’t help, try

img {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

Thanks.

[vpnpick]

Thanks so much, the second one worked.

are there any values that can be used to keep some space but reduce it?

When I use 0.1 or 0.5 or 1, it all comes out to the same amount of space.

Thanks again

[Christian]

Please see http://www.w3schools.com/cssref/pr_margin.asp for more value options.

Thanks.

[Author]

Posts