Height of Slider

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #5601
    Mary Stremmel
    Participant

    how to I shorten the height of the slider… I did adjust the settings in the slider through the widget but I can not seem to get it to shorten to the height of the image.. I want it to be just 300px tall

    http://fwmdev.com/lodge/

    #5602
    milos
    Moderator

    Hello,

    You can add this in theme’s style.css file:

    .widget_header1 {
    max-height:300px;
    }

    Regards,
    Milos

    #5603
    Mary Stremmel
    Participant

    the images don’t fit now… they are set to 1600 X 300 should I resize them ?

    #5604
    Mary Stremmel
    Participant

    the actual pictures are only 300px tall

    this is in the code in firebug after adding your suggestion to the css

    <div class="hero-carousel hero-carousel-container" style="position: relative; overflow: hidden; left: -828.495px; top: 0px; margin-left: -2495px; height: 499px; width: 6652px;">

    this does nothing to the height of the picture.. does not show the actual picture height and is now pulled other items below that widget up under the pictures

    #5605
    Mary Stremmel
    Participant

    the first image shows what happened after adding your code suggestion

    the second image shows how I would like it to look

    Attachments:
    You must be logged in to view attached files.
    #5608
    milos
    Moderator

    Hello,

    Hot Full Carousel plugin has fixed height. You can define the height of the widget in widget options (Widget Height). However, when you insert this widget into a container with variable width (100% width), it will adjust the image width accordingly to the screen width. In some situations, parts of the images will be cropped.

    So, you should experiment with Widget Height parameter and different resolutions of your images until you achieve the best results.

    Thanks,
    Milos

    #5609
    Mary Stremmel
    Participant

    that has no effect at all

    #5610
    milos
    Moderator

    What doesn’t have effect?

    #5611
    Mary Stremmel
    Participant

    ok.. finally got it with this

    .hero-carousel-container article.carousel-article {
        height: 300px !important;
    }
    
    .widget_header1 {
    max-height:300px;
    }
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.