Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Image Slider Crop

6 years 3 days ago #1

  • Paul Gomirato's Avatar
  • Paul Gomirato
  • Posts: 720
Hi Artem

I am noticing with the image slider that when I adjust the slider to fit full image width in container, it starts to crop away the image's height... there doesn't seem to be a way to get the full height AND width together.

How can I have better control over the image size/scale within the container?

Would you consider adding both a height and width slider?

6 years 2 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 23004

for slider image we use background-size: cover;
to no matter vertical or horizontal image fills the entire slide
If you want to see the entire image,
add custom class for your slider and add css code:
.custom-slider .ba-slide-img {
    background-size: contain !important;


6 years 2 days ago #3

  • Paul Gomirato's Avatar
  • Paul Gomirato
  • Posts: 720
Thank you.

Would you consider updating the plugin to allow option for "full image" within settings?
This should be the default as cropping an image is usually for style purposes.

In my case, the client wants to see full screen captures in slider. Explaining to them to add a custom class in the editor adds an additional step which can be forgotten or not understood by customers with little editor experience.

What is great about Gridbox is that it reduces the learning curve and provides a lot of control.

Please consider my request.

6 years 2 days ago #4

  • Artem's Avatar
  • Artem
  • Posts: 9812

For customer website, to the custom.css (templates >> gridboxcore >> css >> custom.css )
add this rule:
.ba-slide-img {
    background-size: contain !important;
After that all slideshow's on website will work without crop, and your customer will not have problems

About Option, we will add your suggestion to our to do list :)

Powered by Kunena Forum