Tagged: , ,

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

    Hi,

    For a styling problem we need to place the comment area div (with class “av-image-caption-overlay”) below the img tag itself.
    This is the code in the page:

    <div class='avia-image-container-inner'>
    <div class='av-image-caption-overlay'><div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' ><p>comment text xxxxxxx</p></div></div></div>
    <img class='avia_image ' src='http://www.xxxxxxx.com/site/wp-content/uploads/xxxxx.jpg' alt=''   itemprop="contentURL"  /></div>

    In what templates or file can we adjust this order?

    • This topic was modified 9 years, 1 month ago by hotspot.
    #412321

    Hi hotspot!

    I’m sorry but I’m not sure I understand. Can you send us a link to your post and take a screenshot highlighting exactly what your trying to change?

    Are you trying to make it so the comment text is displayed beneath the gravatar instead of to the right?

    Best regards,
    Elliott

    #417632
    This reply has been marked as private.
    #418593

    Hey!

    Try adding this to your custom CSS.

    .av-image-caption-overlay-position {
      bottom: -30px !important;
      position: absolute !important;
    }

    If that’s not working then send us a link so we can take a look.

    Best regards,
    Elliott

    #418605
    This reply has been marked as private.
    #419275

    Hi!

    Turn on the custom css class. Refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Add custom css class attribute to the image with the caption. Use “custom-image” for example. Add a bottom margin to it:

    .custom-image img.avia_image {
      position: relative;
      margin-bottom: 70px;
    }

    Regards,
    Ismael

    #429298

    Hi Ismael,
    Snce the height of the arae can vary, this is also not wat we need.
    We really need the div to be placed after the img tag in the html.

    #429909

    Hi!

    I checked your link but all I see is a blank page. The base domain is working but it’s not using Enfold. Contact your hosting provider to make sure everything is ok.

    Best regards,
    Elliott

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