Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #329852

    on this page:

    I am doing some tests of image displays – the top two in the post content are
    in a gallery, but the captions are not showing up. ? What I want are just 2 images
    side by side, with captions at the bottom. Anyway to change the position of the hover captions
    on the bottom images? I couldn’t find a way to do it with just adding an image without using
    the shortcodes.
    thanks for your help
    Nancy

    • This topic was modified 8 years, 7 months ago by Yigit.
    #330172

    Hi Munford!

    Thank you for using Kriesi Themes.

    Just tried visiting the link you provided but it’s returning a page not found error.

    Is this issue now resolved?

    Best regards,
    Arvish

    #330800

    OK updated…on this page:

    I need the images to line up side by side – not sure why they are not. Can you help me with that?
    Also is it possible for the captions to be at the bottom of the image instead of in the middle?
    I just need images with captions, side by side.
    thanks,
    Nancy

    • This reply was modified 8 years, 7 months ago by Yigit.
    #331641

    Hi!

    To line up the images, add this to your Quick CSS:

    body .container_wrap .avia-builder-el-first {
    margin-top: 5px !important;
    }

    For the captions to show at the bottom put this in the Quick CSS as well:

    .av-image-caption-overlay-center {
    vertical-align: bottom !important;
    }

    Hope that helps.

    Cheers!
    Andy

    #331692

    neither of those codes did the trick.
    any ideas?

    also – not sure I want those changes on all my pages/posts.
    can I target just this one? thanks.
    Nancy

    • This reply was modified 8 years, 7 months ago by Yigit.
    #333000

    Hi!

    To align the images, please add the following in Quick CSS:

    .template-single-blog .avia-image-container{
        margin-top:5px;
    }

    For the captions add the following:

    .av-image-caption-overlay-center p{
      margin-top:100px !important;;
    }

    If you wish to target one particular element in post, I would suggest adding the following code at the end of your themes’ functions.php file to enable advance css support for your elements.

    add_theme_support(‘avia_template_builder_custom_css’);

    You can find more detailed instructions on how to use this feature to add unique css that will alter just one element across your site here:
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Please let us know if this helps.

    Best regards,
    Arvish

    #333073

    I have already enabled that in my child theme files.

    I will tried those css codes but the image align is still off, and for some reason the captions are only correct on the english side of the site and not the danish one, even though I added the same code to both areas in the general styling options. I have cleared my cache – no change.

    I would also like to understand why the images are not aligned. They are both tagged to position “left” – what is making that second image drop 5 px?
    thanks for your help
    n

    • This reply was modified 10 years, 1 month ago by Munford.
    #333115

    Hi!
    Could you replace this:

    .template-single-blog .avia-image-container{
        margin-top:5px;
    }

    With

    .template-single-blog .avia-image-container{
        margin-top:5px !important;
    }

    to correct the misalignment.

    The misalignment is because of the following code in shortcode.css

    body .container_wrap .avia-builder-el-first {
        margin-top: 0px;
    }

    As much as we try to cover all angles, it happens that we may need adjustments every now and then to particular parts of the site. Enfold provides enough flexibility to allow you, the user, to adapt the framework to your particular needs.

    Cheers!
    Arvish

    #333144

    ah yes – thanks, that all is working now.
    and I love enfold’s customization.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘image captions’ is closed to new replies.