Nature One Pro Nivo Slider Caption Box

Home Forums All Other Themes Nature One Pro Nivo Slider Caption Box

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #36750
    Alex
    Member
    • Topics: 3
    • Replies: 1
    • Total: 4
    Member since: June 2, 2016

    http://www.qualityplywoodspec.com/wordpresstest

    I was able to use custom css “@media screen and (max-width:479px){
    .slide_info { top:227px !important; padding:5px 25px !important;}
    }


    @media
    screen and (min-width:480px) and (max-width:719px){
    .slide_info { top:210px !important; padding:5px 25px !important;}
    }

    .slide_info { top:190px !important;}


    @media
    screen and (min-width:768px) and (max-width:999px) {
    .slide_info { top:170px !important;}
    }
    ” to make the slider caption box display properly in desktop view since I prefer shorter height images for the slides. But now the caption is cut off in mobile view again. All I need is the slider “CAPTION BOX” to be thinner. Here is a link to a picture of what I need: http://www.qualityplywoodspec.com/wordpresstest/wp-content/uploads/2016/06/Caption_Box_Height.png

    Thanks!

    #36950
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25796
    • Total: 25796
    Member since: August 16, 2013

    Hi Alex,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:


    @media
    screen and (max-width:479px){
    .slide_info { top:227px !important; padding:5px 25px !important;}
    }


    @media
    screen and (min-width:480px) and (max-width:719px){
    .slide_info { top:210px !important; padding:5px 25px !important;}
    }


    @media
    screen and (min-width:768px) and (max-width:999px) {
    .slide_info { top:170px !important;}
    }

    Note: remove this class .slide_info { top:190px !important;} from custom css box

    Regards,
    Brad

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.