Joomla Templates Club 406,261 posts

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1007865

Hello, I am trying to make a new Slideshow module but i can not make it to the size i want. I add into 2 Groups pictures of size 300 x 250 but the module zoom the pictures and take another size? How to specify the size of the this module?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1007868

Hello

Your website is offline , at which url is possible to see your new module ?

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1007873

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1007883

Hello

I created a custom css class in custom.css file (contain) and added this class to your slideshow module in module class suffix , published in hotels page , below code i added:

.contain .block-slideshow-item .block-bg {
  background-size:contain!important;
  background-position:top!important;
}
.contain .carousel-inner {
  height:200px;
}

You can change the height as you prefer. that’s the only way to have custom width and height for slideshow.

Best regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1007913

Thank you very much. I made it and it works fine in Large Layout but In responsive layouts is not working good

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1007934

Hello

You can use media queries for this adding to the custom.css file other codes

Take a look HERE

So for example to set it on mobiles devices you can do in this way.

@media screen and (max-width: 430px) {

.contain .block-slideshow-item .block-bg {
  background-size:contain!important;
  background-position:top!important;
}
.contain .carousel-inner {
  height:200px;
}
}

and use other media queries for other screen sizes.

Best regards

[litesvcs Friend litesvcsJoin date: November 2016Posts: 205Downloads:16Uploads:81 Thanks: 4]

#1007945

Thank you so much. Just to have clear the sizes, can you make me a sample for Iphone 5 or 6?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1007947

Example above is for smartphones layouts

[Author]

Posts