Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2920

    Hi,

    I want to change the slider height from 420 to let’s say 320 in order that

    users will see the 3 buttons below the slider without the need of scrolling

    down (Above the fold…).

    I also want that the shadow below the slider and also the dark background under the slider will decrease accordingly (100px decrease).

    How can i do that?

    Also how can i remove the cuber logo that appear until the slider loads? can I have a nice 0% – 100% loading bar instead?

    *I’m using the display theme

    Thanks!

    Rafael

    #39800

    Hey,

    1) To decrease slider height open up header.php and replace:

    swfobject.embedSWF("<?php echo get_bloginfo('template_url'); ?>/slideshow/cu3er.swf", "featured_image", "940", "420"

    with:

    swfobject.embedSWF("<?php echo get_bloginfo('template_url'); ?>/slideshow/cu3er.swf", "featured_image", "940", "320"

    Then open up kriesi_slider_display.php located under frameworktheme_pluginskriesi_menu_manager and replace:

    echo '   <url>'.kriesi_build_image(array('url'=>$result['field_number4'],'height'=>'420','width'=>'940','uri_only'=>true)).'</url>';

    with:

    echo '   <url>'.kriesi_build_image(array('url'=>$result['field_number4'],'height'=>'320','width'=>'940','uri_only'=>true)).'</url>';

    and:

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

    with:

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

    Afterwards change following code in style.css:

    #featured_image, #featured_image:focus{
    width:940px;
    height:420px;
    overflow: hidden;
    margin:0 auto;
    border: none;
    outline: none;
    }

    to:

    #featured_image, #featured_image:focus{
    width:940px;
    height:320px;
    overflow: hidden;
    margin:0 auto;
    border: none;
    outline: none;
    }

    and open up style1/2/3.css located in the folder “css” (example style1.css).

    Replace:

    #subpage .wrapper{
    background: #fff url(../images/skin1/bg.png) repeat-x 0 -370px;
    }

    with:

    #subpage .wrapper{
    background: #fff url(../images/skin1/bg.png) repeat-x 0 -270px;
    }

    and:

    #featured{
    background:transparent url(../images/skin1/shadow.jpg) no-repeat scroll 0px 368px;
    }

    with:

    #featured{
    background:transparent url(../images/skin1/shadow.jpg) no-repeat scroll 0px 268px;
    }

    2) You can’t remove the cu3er logo or replace it with a loading bar – I’m sorry.

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

The topic ‘Re size the slider height – Display Theme’ is closed to new replies.