-
AuthorPosts
-
October 3, 2014 at 7:14 pm #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.
October 4, 2014 at 11:36 am #330172Hi 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,
ArvishOctober 6, 2014 at 11:48 am #330800OK 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.
October 7, 2014 at 3:09 pm #331641Hi!
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!
AndyOctober 7, 2014 at 4:03 pm #331692neither 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.
October 9, 2014 at 8:05 am #333000Hi!
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,
ArvishOctober 9, 2014 at 10:12 am #333073I 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.
October 9, 2014 at 11:18 am #333115Hi!
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!
ArvishOctober 9, 2014 at 12:23 pm #333144ah yes – thanks, that all is working now.
and I love enfold’s customization. -
AuthorPosts
- The topic ‘image captions’ is closed to new replies.