Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #619113

    Hi Team -Enfold

    I have found this css in another thread to place the image caption below the image.

    It works great, but I cant the margin and the font size to work ? I want to have some space between the image and the text, and lower the font size a bit.

    #top .avia-gallery .avia-gallery-thumb a:after {
    content: attr(title);
    margin: 50px 10px 0px 10px!important;
    position: relative;
    display: block;
    width: 80%;
    text-align: left;
    font-size: 13 px!important;
    }

    #619660

    Hey sjasen,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #619665

    Sure thing..

    #621276

    Hey!

    use this code to control space:

    .avia-tooltip.avia-tt {
    margin-top: -50px;
    }
    

    and this for font size:

    .avia-tooltip .inner_tooltip {
    font-size: 10px;
    }
    

    Adjust as needed.

    Regards,
    Andy

    #621295

    Hi Andy

    I did not work, sorry,
    But it had an effect on the original caption witch i thought i remove the other css. (you can see it in the link from my previous message)

    #623032

    Hi!

    link does not work anymore. Can you check please?

    Best regards,
    Andy

    #623041

    Yes sorry about that – site went live.. (new url but your user and pw is the same)

    #624868

    Hi,

    Use this css code to control the caption below the gallery:

    #top .avia-gallery .avia-gallery-thumb a:after {
        margin: 0px !important;
        padding: 15px 20px 20px;
        display: block;
        float: left;
        text-align: left;
        font-size: 20px !important;
        line-height: 1.2em;
    }

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.