How to make title & caption into image of slider ?

[binchecter]

example http://i7.upanh.com/2013/0928/03//57634621.ex.jpg

can you help me ?

thanks

[Themonic-Support]

Your given link is not opening. Kindly check.

Try pasting this in the custom.css

.flexslider .slides p {
    margin-top: -31px;
}
.flex-caption > a {
    background: #FFFFFF;
    color: #444444;
    padding: 7px 6px;
}

[binchecter]

I want to make my slider as beautiful as this picture :
http://i1315.photobucket.com/albums/t588/mrkapl/ex_zps8f7a2018.jpg

[Themonic-Support]

open flexslider.css, it is inside the JS folder inside theme folder

now replace line 118 to 127 with the following code:

/*Flexslider transparent caption for Iconic One Pro*/
.flex-caption > a {
   line-height: 2;
   margin-top: 10px;
   text-decoration:none;
   color:#FFFFFF;
}

.flex-caption  {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
   position:absolute;
   bottom: 0;
   padding: 10px;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
   width: 90%;
}
/*flexslider transparent caption end*/

[Author]

Posts