Make slider images smaller (less tall) but still responsive

Discussion in 'RoadFighter WordPress Theme' started by dmedia, May 17, 2016.

Thread Status:
Not open for further replies.
  1. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Hi! Is it possible to make the slider images smaller (less tall), and move the text box overlay up a bit, but still responsive? Really like the theme but the client says the images are so tall that they can't tell there is more website content below the slider area, and they need to scroll down. Is there a way to adjust this?

    Right now the image size for the slider is 1920 x 860. Is there a way to make the default something like 1920 x 700? Help is appreciated!

    http://psi.dmediasites.com
     
  2. priya

    priya Guest

    Hi,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS field of your dashboard.
    Code:
    .flexslider {
        height: 700px;
    }
    Change the numeric value as per the requirement..

    Hope it will resolve your issue

    Do let me know if you need more assistance,
    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Thank you. Although that does make the slider images less tall, it cuts off the box of the text overlay. How to move that up? http://psi.dmediasites.com/
     
  4. priya

    priya Guest

    Hi,

    Use below code..
    Code:
    @media only screen and (max-width: 3000px) and (min-width: 1401px){
    .flex-caption {
        bottom: 223px;
    }
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Hi - that did resolve my issue. Thank you!
     
  6. priya

    priya Guest

    You're welcome..:)

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
Thread Status:
Not open for further replies.

Share This Page