Home › Forums › All Other Themes › Nature One Pro Nivo Slider Caption Box
- This topic has 1 reply, 2 voices, and was last updated 7 years, 3 months ago by
Forum Moderator.
-
AuthorPosts
-
June 10, 2016 at 4:50 pm #36750
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.pngThanks!
June 13, 2016 at 9:38 am #36950Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.