Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #398

    Kriesi,

    Is there an easy way to reduce the “height” of the JQuery slider down to say 280px?

    Thanks,

    Jon

    #31200

    Sure, you need to make 2 adjustments; the 1st is to change the size of the image which is loaded and the 2nd is to adjust the CSS for the featured area.

    1.) Open up /framework/theme_plugins/kriesi_menu_manager/kriesi_slider_display.php and right at the end of the file you’ll find this line:

    echo "n".'<a href="'.$link.'"'.$firstrun.'><img src="'.kriesi_build_image(array('url'=>$result['field_number4'],'height'=>'420','width'=>'940','uri_only'=>true)).'" alt="" /></a>';

    Change the height (420) to 280.

    2.) Open up style.css and add this to the end of the file:

    #featured { height: 285px !important; }

    Yes 285 is correct, not 280.

    #31201

    James,

    Thanks for your help.

    The above adjustments works perfectly! — Is there a way to retain the “shadow” — it looks great!

    Thanks,

    Jon

    #31202

    Yes you need to resize the shadow image – psd files (Photoshop files) are included in the themeforest package.

    The Dude

    #31203

    Hi Guys, I followed the above example. Easy Enough.. but no change. I’m curious to know if there may be something effecting the simple changes.

    To make sure I erased all files and started from scratch, followed the above example and again, no result. My magic number is 300px tall.

    Lastly, not at all concerned about the shadow , the client does not care for it. =( But would like to keep the padding spaced between image slides and info text.

    I’m not a complete nubile, but this puzzles me.

    WebRiver

    #31204

    Hey Guys, scratch that. I finally found the culprit

    #31205

    Hey Guys,

    do you know what shadow image psd file needs reducing to complete the task.

    Thanks

    Michael

    #31206

    Can someone reply to the above post?

    I’m also having problems with the shadow disappearing and “resizing” isnt specific enough.

    Thanks in advance

    #31207

    The shadow image is part of the psd which comes with your theme files. You need open the psd in photoshop to resize the shadow image/layer.

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

The topic ‘Reduce the Height of JQuery Slider?’ is closed to new replies.