Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 4, 2016 at 11:32 pm #559571
    alfpress

    Caption Shown on Inserted Image
    When placing an optional caption on top of a single inserted image… the text is too thin, and centered
    Would it be possible to put this caption at the bottom of the image… or even underneath the picture (white text, bold, on top of a black strip ?

    I use the inserted image with an optional link to go directly to a gallery page or an information page

    ps: broke these questions into “3 parts” …for easier searchablilty for fellow users

    • This topic was modified 8 years, 11 months ago by alfpress.
    January 5, 2016 at 1:45 am #559641
    Elliott

    Hi alfpress!

    Add this to your custom CSS.

    .av-image-caption-overlay-center {
    padding-top: 40% !important;
}
.av-image-caption-overlay-center font {
    background: rgba(0,0,0,0.3);
}

    Cheers!
    Elliott

    • This reply was modified 8 years, 11 months ago by Elliott.
    January 5, 2016 at 3:17 am #559701
    alfpress

    worked great !.thanks !

    .. .is it possible to but a black overlay only on the very lower portion of the picture ? … like the bottom 25% of it ?

    January 5, 2016 at 11:01 pm #560165
    Dake

    Hi!

    Please insert the below css into your custom css section:

    .av-caption-image-overlay-bg {
    height: 72px !important;
    top: 128px !important;
}

    Best regards,
    Dake

    January 6, 2016 at 2:55 am #560242
    alfpress

    Thanks again !…. I ended up combining information from both to get exactly what I wanted… I ended up using the percentage values so it would be more accurate for what I wanted… just to share with others ,

    the following will add a black overlay on the bottom 1/3 of the image (can adjust to your liking) … and allow text to be shown more clearly… this is good when using images as buttons / connected to other links … hope this is helpful for others :

    .av-image-caption-overlay {
    background: rgba(10,5,5,0.2);
    height: 33% !important;
    top: 67% !important;
}
    January 6, 2016 at 3:45 am #560269
    Dake

    Hey!

    Happy to know we could help :)

    And thank you for putting together an overview for other users.

    Please let us know if you ever need any help in the future.

    Best regards,
    Dake

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