Joomla Templates Club 406,261 posts

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#200251

Hi is that possible to reduce the home page slidshow heights

Thanks,

---

Attachments:

1. 

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#544546

@okkhalid,

Please reduce /images/joomlart/slideshow/sl1-bg.png , /images/joomlart/slideshow/sl2-bg.png height, slideshow will reduce too.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#544602

Or you can try with my workaround as below:

+ Go to backend settings of JA Slideshow Lite in administrator area of your site

+ Change value for Main Item width and Main Item height with your expectation.

+ Create templates/ja_playmag/css/custom.css file and add new css rule

.ja-ss-item img {
height: 300px !important;
}

you can change the value for height as you wish.

[kmgdesign Friend kmgdesignJoin date: October 2013Posts: 114Downloads:152Uploads:9 Thanks: 13 Thanked: 4 times in 3 posts]

#545356

Hi!
Is it possible to set the ‘100%’ width to: 1980px? In the moment it scale the thing only to: 1.180px width.
The navigation on top overlay.
Are there a library of the Module class suffix’s and Module Styles for the Slideshow light?
It would be very helpfull. I think there are a lot of guys/girls wich want an full screen, responsive pic on top.
Thanks!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#545419

<em>@kmgdesign 440549 wrote:</em><blockquote>Hi!
Is it possible to set the ‘100%’ width to: 1980px? In the moment it scale the thing only to: 1.180px width.
The navigation on top overlay.
Are there a library of the Module class suffix’s and Module Styles for the Slideshow light?
It would be very helpfull. I think there are a lot of guys/girls wich want an full screen, responsive pic on top.
Thanks!</blockquote>

Open templates/ja_nuevo/css/custom.css file and add new rule


div.wrap.ja-slideshow > div{
padding-left:0px;
padding-right:0px;
}

.ja-ss-btns .ja-ss-prev {
left: 0px;
}
.ja-ss-btns .ja-ss-next {
right: 0px;
}
.ja-slideshow .container {
width: 100% !important;
}


Hope it helps you to show full width in JA Slideshow Lite module.

[Author]

Posts