ForumJoin our community

0
Votes
Undo
I'm uploading some pictures to my portfolio and most of them are portrait. They look just ugly in sliders, they are not even centered, so the only thing visible is celing. How do I make them aspect fit in sliders? It is really importnant for me. Please, help.
Comment
There are no comments made yet.
Giang Accepted Answer Pending Moderation
  1. Thursday, 08 October 2015
  2. -
  3. # 1
0
Votes
Undo
Hello,

Thanks so much for contacting us. Can you please send us your site?

We will help you to check it.

Thanks and Best Regards,
Comment
There are no comments made yet.
Andrew Volodin Accepted Answer Pending Moderation
  1. Friday, 09 October 2015
  2. -
  3. # 2
0
Votes
Undo
Well, right now I'm developing it locally. But if you need a screenshot here it is:
https://i.gyazo.com/928cc80459c51f57874ee51c93a9d52e.png
https://i.gyazo.com/93f30440582197888400df19233e7b58.png
And the original pic is:
https://i.gyazo.com/a03de2de38823236ea4bd6bb11885a09.png

Maybe it happens becuase of the pic is too big? It is 1000x1500. (But honestly I dont think it is the problem, becuase small images are scaled to aspect fill the sliders and look even more ugly) I need it to aspect fit the slider, without scaling.
Comment
There are no comments made yet.
Giang Accepted Answer Pending Moderation
  1. Friday, 09 October 2015
  2. -
  3. # 3
0
Votes
Undo
Hello,

For this problem, you can try to add following CSS to Custom CSS (you go to Appearance --> Theme Option --> Custom CSS):

.single-slider-full{
max-height: 100% !important;
}

Please let me know if it works correctly.

Thanks and Best Regards,
Comment
There are no comments made yet.
Andrew Volodin Accepted Answer Pending Moderation
  1. Friday, 09 October 2015
  2. -
  3. # 4
0
Votes
Undo
It didn't work. But I guess it is becuase I use small sliders. What css class is for small sliders, not the full ones?
.single-slider-small
didn't work neither
Comment
There are no comments made yet.
Andrew Volodin Accepted Answer Pending Moderation
  1. Friday, 09 October 2015
  2. -
  3. # 5
0
Votes
Undo
Ok, after some inspections I end up with this:
.owl-item > li > img {
max-height: 100% !important;
width:auto !important;
margin: auto !important;
}


Can you tell me if it will affect any other pages?
Comment
There are no comments made yet.
Giang Accepted Answer Pending Moderation
  1. Friday, 09 October 2015
  2. -
  3. # 6
0
Votes
Undo
Hello,

You can check your other pages to see if it affects something else.
Here is another CSS you can use:

.single-slider-small, .single-slider-small .container{
max-height: 100% !important;
}

Let us know if you find any further problem.

Thanks,
Comment
There are no comments made yet.
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!