How to make title & caption into image of slider ?

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

This topic contains 3 replies, has 2 voices, and was last updated by  Themonic-Support 4 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #874

    binchecter
    Participant

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

    can you help me ?

    thanks

    #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;
    }
    #878

    binchecter
    Participant

    I want to make my slider as beautiful as this picture :

    slider

    #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*/
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.