How to make title & caption into image of slider ?

Home › Forums › Iconic One Pro Support › How to make title & caption into image of slider ?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2013 at 3:41 am #874
    binchecter
    Member

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

    can you help me ?

    thanks

    September 28, 2013 at 5:27 am #875
    Themonic-Support
    Keymaster

    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;
}
    September 28, 2013 at 10:35 am #878
    binchecter
    Member

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

    September 28, 2013 at 3:52 pm #880
    Themonic-Support
    Keymaster

    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
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.