Nature One Pro Nivo Slider Caption Box

[Alex]

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!

[Forum Moderator]

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

[Author]

Posts