Issue with slider in blog posts

[DenisKornilov]

Hello again!

Have some old trouble whith slider in the blog posts.
The images in slider are stretched to full page width, while I want them to be original size.

I have this custom CSS for my portfolio slider:

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

Can you help?

[Melanie – SUPPORT]

I would like to check the issue out directly, can you let me know a link to a page where this is happening? Thanks!

[DenisKornilov]

Sure,
http://deniskornilov.com/jinn_for_sony/

[Melanie – SUPPORT]

You can try this custom css:

.flexslider .slides > li {
width: 50%!important;
margin-left: 28%;
}

But I’m not sure if that will work flawlessly when in responsive mode.

Cheers

[DenisKornilov]

Hi Melanie!

This CSS makes all images smaller(down to 50%) but not original size.
Could you provide something different?

[Melanie – SUPPORT]

I’m afraid that’s not possible

[DenisKornilov]

Possible in portfolio item (http://deniskornilov.com/?portfolio=happy-gifts-catalogue), but not possible in posts. What’s the difference?

[Melanie – SUPPORT]

Good catch! That made me find the solution 🙂

.gallery-image {
max-width: 100%!important;
width: auto!important;
margin: 0 auto;
}

[DenisKornilov]

🙂 Works great! Thanks!

[Melanie – SUPPORT]

You’re most welcome, sorry for the slow thinking on my end 🙂