Joomla Templates Club 406,261 posts

[heartmade Friend heartmadeJoin date: May 2013Posts: 7Downloads:14Uploads:0 Thanks: 1 Thanked: 1 times in 1 posts]

#203819

Is it possible to fix the scaling of the background images of slideshow item to 100% height
Because now images are cropped and almost 50% of the height is cut.

I’m setting the image with resolution 3260×1084, but the slide is cropped to ~1800×800

The first slide with School Building: http://britannica.kiev.ua

<div class=”acm-hero style-5 style-dark position-center text-center show-intro” style=”background: url(http://britannica.kiev.ua/images/slideshow/school-wall-01-hdd.jpg) 50% 0% / auto 100% no-repeat;”>

Thanks

[heartmade Friend heartmadeJoin date: May 2013Posts: 7Downloads:14Uploads:0 Thanks: 1 Thanked: 1 times in 1 posts]

#559543

as I see it depends on content of the slide show

I used </br> to set the button at the bottom.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#559649

Hi @heartmade,

Please go to admin >>> Extensions >>> Template Manager >>> choose your template >>> switch to tab General >>> temporary disable CSS Compression so I can have a look at CSS code.

[heartmade Friend heartmadeJoin date: May 2013Posts: 7Downloads:14Uploads:0 Thanks: 1 Thanked: 1 times in 1 posts]

#560553

Adam, I have disabled Optimize CSS

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#560687

Hi @heartmade,

Please open file root_folder/templates/uber/css/custom.css and look for this code :

.acm-container-slide .acm-hero {
background-size: cover !important;
}

then update as below:

.acm-container-slide .acm-hero {
background-size: auto 100% !important;
}

[Author]

Posts