Slider Image Height

Home Forums ColorNews Free Slider Image Height

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  Ashish 4 months ago.

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

    ericstaff
    Participant

    Hello,
    I would like to change the image display height on the Colornews Free Slider so that the images are reduced in height.
    Is there a way to do this via CSS? I have tried
    The site I am developing on is http://redpoll.frogthumbs.net/wp

    Many thanks,
    Eric

    #1346518

    Ashish
    Moderator

    Hi @ericstaff
    The following CSS should reduce the height of the slider. Please add following code inside Appearance > Customize > Additional CSS :

    .home-slider ul.bxslider li {
        height: 400px;
    }

    Regards,
    ThemeGrill Support Team.

    #1346531

    ericstaff
    Participant

    Thank you for that code. It does the job reducing the height on the slider photos. However now for the mobile device view there is a large white space between the photo and the caption. Is there a better way to express the height – say in percentage terms that fits both formats?

    #1346645

    Ashish
    Moderator

    Hi,
    Replace above code with:

    @media screen and ( min-width: 768px ) {
        .home-slider ul.bxslider li {
            max-height: 400px;
        }
    }
    #1346984

    ericstaff
    Participant

    Many thanks for that. It works perfectly.

    #1347282

    Ashish
    Moderator

    Hi @ericstaff
    Glad to know it helped you. 🙂 If you get any issue later, feel free to ask again! If you like our theme, you can help us by providing a review us here: https://wordpress.org/support/theme/colornews/reviews/?filter=5

    Regards,
    ThemeGrill Support Team.

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

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