Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #6067

    Hello guys,

    I need to make this area lower. After providing smaller pictures, the height remains same. Need to make it smaller about 40-50%.

    Would You please point me how to do it?

    Thanks in advance




    if needed, here is the link to the website:



    the height is generated automatically. You can adjust the slideshow margin with following code:

    .slideshow_container_featured {
    margin: 25px auto -52px;

    and change the standard slideshow height with:

    #top .slideshow_container_featured .slideshow {
    height: 431px;

    – however the standard height is replaced with the calculated height for each slide.


    Thanks Dude for advice, I’ve changed the standard slideshow height and put into smaller image but the background image is still bigger, please take a look at photo below. Where can I modify the default sizes of background images, borders, etc. ?




    I was able to change the height and display options through your style.css

    Look for

    .slideshow_container_featured .featured_image_portrait {
    background: url("images/shadow_left.png") no-repeat scroll left bottom transparent;
    display: block;
    #top .slideshow_container_featured .featured_image2 img {
    background: url("images/gradient-black-double.png") repeat-x scroll left top #BBBBBB;
    height: 330px;

    (I checked the active images on your site, I’m uncertain if this styling applies to newly added images)


    Thanks Chris for advice it works :)


    Glad that Chris could help you :)

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

The topic ‘How to make "slider area" lower/smaller ?’ is closed to new replies.