Slider Height Size

6 posts from 4 voices

• Started 2 years ago by house
• Latest reply from Dude
• This topic is not a support question

Tags:

• avisio
• slider

1. 

   house
   Member

   I edited the main style.css - but no change in the Height under

   /************************************************************************
   -) FEATURED
   *************************************************************************/

   Am I in the wrong place to edit the height of the main slider? - thx

   Posted 2 years ago #
2. 

   house
   Member

   /*The heights of the following 3 classes controll the slider height*/
   .slideshow{
   height:440px; /*this changes the height of the main image slider*/
   width:940px;
   overflow: hidden;
   position: relative;
   }

   I changed the height: from 440 - to 220px... Nothing happens?

   Posted 2 years ago #
3. 

   Dude
   Dude

   Please change this classes: .featured, .fadeout and .feature_excerpt, too.

   
.featured, .fadeout {
height:220px; /*replaced it with your height */
}
.feature_excerpt{
max-height:200px;
padding:20px 30px 20px;
bottom:0;
display:none;
font-size:13px;
line-height:1.8em;
position:absolute;
width:250px;
z-index:3;
}

   Afterward change the value "440" in functions.php with "220"
   $k_option['custom']['imgSize']['XL'] = array('width'=>940, 'height'=>440); // big images for fullsize pages and mainpage slider
   turns to:
   

   $k_option['custom']['imgSize']['XL'] = array('width'=>940, 'height'=>220);		// big images for fullsize pages and mainpage slider

   Please be aware that you also need to change the dimensions of bg_shadow.png in the image folder to fit your needs (PSD files are included in the themeforest package).

   Posted 2 years ago #
4. 

   James Morrison
   Former Team Member

   Hi!

   @house: @Dude has it spot on, if there's anything else you need help with let me know.

   Best regards,
   James

   Posted 2 years ago #
5. 

   StockholmJohanna
   Member

   Hi James I tried your code but I must have missed out something.. see: http://www.tandis.mitos.se

   I know I have to change the image-height as well but I wonder why the image starts so high in the animation and then shrink to 220?
   Thanks!

   // Johanna

   Posted 5 months ago #
6. 

   Dude
   Dude

   Search for following code in style.css:

   .slideshow{
   height:440px; 	/*this changes the height of the main image slider*/
   width:940px;
   overflow: hidden;
   position: relative;
   }

   and replace it with:

   .slideshow{
   height:220px; 	/*this changes the height of the main image slider*/
   width:940px;
   overflow: hidden;
   position: relative;
   }

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.