Monitor Reply

Support

Individual height for one slide

Permalink Browser Info Environment September 05, 2015 at 4:32 AM

Hello,

is it possible to give one slide a individual height? (Others with 50% and 100%, i managed that)

thank you

Type:	Discussion
Status:	In Progress

jordif replied on Sep 5, 2015 at 6:11 am Permalink Reply

Hi,

yes, it's possible. Have a look at the last question in the "Tips & Snippets" section:

http://www.concrete5.org/marketplace/themes/long-story-short1/tips-...

Hope this helps,

Jordi

shaolinsteyr1 replied on Sep 5, 2015 at 9:41 am Permalink Reply

Thank you that worked.

silentdrummer replied on Sep 27, 2015 at 10:15 am Permalink Reply

in relation to this, i created several classes to be able to control the slide height better.

.lss-slide.height-5 {
  min-height: 5%;
  padding: 0px;
}
.lss-slide.height-10 {
  min-height: 10%;
  padding-top: 18px;
  padding-bottom: 30px;
}
.lss-slide.height-20 {
  min-height: 20%;
  padding-top: 18px;
  padding-bottom: 50px;
}
.lss-slide.height-30 {

Viewing 15 lines of 38 lines. View entire code block.

 
.lss-slide.height-5 {
  min-height: 5%;
  padding: 0px;
}
 
.lss-slide.height-10 {
  min-height: 10%;
  padding-top: 18px;
  padding-bottom: 30px;
}
 
.lss-slide.height-20 {
  min-height: 20%;
  padding-top: 18px;
  padding-bottom: 50px;
}
 
.lss-slide.height-30 {
  min-height: 30%;
}
 
.lss-slide.height-40 {
  min-height: 40%;
}
 
.lss-slide.height-50 {
  min-height: 50%;
}
 
.lss-slide.height-60 {
  min-height: 60%;
}
 
.lss-slide.height-70 {
  min-height: 70%;
}
 
.lss-slide.height-80 {
  min-height: 80%;
}
 
.lss-slide.height-90 {
  min-height: 90%;
}
 
.lss-slide.height-100 {
  min-height: 100%;
}

in the first few, i also had to adjust the padding, otherwise the slides would be to big (also depends on the customized padding you set for the theme). the last one is the same as ".full-height".

maybe you find that useful to integrate in your template @jordif :)

silentdrummer replied on Sep 27, 2015 at 10:17 am Permalink Reply

in relation to this, i created several classes to be able to control the slide height better.

.lss-slide.height-5 {
  min-height: 5%;
  padding: 0px;
}
.lss-slide.height-10 {
  min-height: 10%;
  padding-top: 18px;
  padding-bottom: 30px;
}
.lss-slide.height-20 {
  min-height: 20%;
  padding-top: 18px;
  padding-bottom: 50px;
}
.lss-slide.height-30 {

Viewing 15 lines of 38 lines. View entire code block.

 
.lss-slide.height-5 {
  min-height: 5%;
  padding: 0px;
}
 
.lss-slide.height-10 {
  min-height: 10%;
  padding-top: 18px;
  padding-bottom: 30px;
}
 
.lss-slide.height-20 {
  min-height: 20%;
  padding-top: 18px;
  padding-bottom: 50px;
}
 
.lss-slide.height-30 {
  min-height: 30%;
}
 
.lss-slide.height-40 {
  min-height: 40%;
}
 
.lss-slide.height-50 {
  min-height: 50%;
}
 
.lss-slide.height-60 {
  min-height: 60%;
}
 
.lss-slide.height-70 {
  min-height: 70%;
}
 
.lss-slide.height-80 {
  min-height: 80%;
}
 
.lss-slide.height-90 {
  min-height: 90%;
}
 
.lss-slide.height-100 {
  min-height: 100%;
}

jordif replied on Sep 28, 2015 at 4:06 am Permalink Reply

Hi,

thanks for sharing!

I'll consider including this in the next release of the theme.

Jordi

Long Story Short

Support

Individual height for one slide

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post