Images stick together with each other

[DenisKornilov]

Hi guys!

In the continuation of this topic:
http://support.swiftideas.net/forums/topic/full-wide-portfolio-page/

This code makes all images in whole portfolio centered, but the sticked images are still here:
http://deniskornilov.com/?portfolio=natalie-tours

Your code:
article.type-portfolio figure.media-wrap {
text-align: center;
}
article.type-portfolio figure.media-wrap img {
max-width:100%;
width:auto!important;
margin: 0 auto;
display:block;
}

Need your help.
Thanks!

[Melanie – SUPPORT]

Hi, what do you mean by sticked image?

[DenisKornilov]

That’s what I mean:
I have two image on one page.
Their sum width is 900px + 900px = 1800px
The width of my monitor – 1920px
As a result, they are not under each other, they stand side by side and there is no distance between them.
Is there any way to solve this problem?

[Melanie – SUPPORT]

Ah, I see,

you can use this custom css:

article.type-portfolio figure.media-wrap img {
display: block!important;
}

[DenisKornilov]

Works, Thanks!
But is there any way to add marins at the bottom?

[Melanie – SUPPORT]

article.type-portfolio figure.media-wrap img {
margin-bottom: 20px;
}

🙂

[DenisKornilov]

Doesn’t work 🙁

[Melanie – SUPPORT]

It definitely works when I add it to the element inspector in chrome, try

article.type-portfolio figure.media-wrap img {
margin-bottom: 20px!important;
}

If that doesn’t work I’d appreciate your login details so I can investigate right away and you don’t have to wait for my next shift for a reply.

Your work is great by the way, good job 🙂