Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #274

    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

    #30593

    /*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?

    #30594

    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 = 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).

    #30595

    Hi!

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

    Best regards,

    James

    #30596

    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

    #30597

    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;
    }

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Slider Height Size’ is closed to new replies.