Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 15, 2015 at 5:14 pm #411709
    hotspot

    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, 2 months ago by hotspot.
    March 16, 2015 at 5:15 pm #412321
    Elliott

    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

    March 25, 2015 at 9:54 am #417632
    hotspot
    This reply has been marked as private.
    March 26, 2015 at 4:48 pm #418593
    Elliott

    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

    March 26, 2015 at 4:55 pm #418605
    hotspot
    This reply has been marked as private.
    March 27, 2015 at 2:23 pm #419275
    Ismael

    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

    April 16, 2015 at 12:33 am #429298
    hotspot

    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.

    April 16, 2015 at 9:19 pm #429909
    Elliott

    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

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