Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › Lightbox Ultimate – Inserting thumbnail image into body of paragraph text
- This topic has 6 replies, 3 voices, and was last updated 11 years, 9 months ago by wpCommerce.
-
AuthorPosts
-
August 9, 2012 at 4:11 am #7120moncur83Member
Hello – I’m a beginner WordPress user, so I apologise if am asking an obvious question.
I would like to insert a thumbnail image into a blog post. I would like that thumbnail to appear in the body of a paragraph (i.e. the text of that paragraph wraps around the thumbnail). When the user clicks on the thumbnail, I would like a full size version of the image to appear, using the Lightbox Ultimate shortcode.
I have been able to successfully use Lightbox Ultimate to display the full sized image when the user clicks on the thumbnail, but <only> when the thumbnail is displayed on a separate line in the post. Is there a way for that thumbnail to appear in the body of the paragraph? In other words, with the text of the paragraph running around the thumbnail image.
I am using WP Lightbox 1.7.4
With thanks for any help.
August 9, 2012 at 6:55 am #48217wpCommerceModeratorHi, Do you want this for all the shortcode anchor images (thumbnail) on your site?
August 9, 2012 at 10:21 am #48218moncur83MemberThanks for your prompt response!
Yes – each blog post would include a thumbnail image in the first paragraph. Clicking on that thumbnail should trigger Lightbox Ultimate to display a full-sized version of that thumbnail.
With thanks,
August 9, 2012 at 10:30 am #48219moncur83MemberIn case it would help to see the actual blog post & thumbnail I am referring to, please visit http://www.rememberseptember.com.au
The post where I am trying to achieve this effect is the most recent post on the blog called ‘Perhaps – post #2’
August 9, 2012 at 12:12 pm #48220wpCommerceModeratorIn that case please follow the instruction here for styling multiple lightbox shortcode anchors:
By default each shortcode div takes the whole block. But you can specify it to be inline (so you can place other elements side by side). For example:
.lightbox_ultimate_image_anchor {
display:inline;
}Let me know how it goes.
August 9, 2012 at 2:53 pm #48221sparkerMemberThat latest reply could NOT have been better timing. I was going to ask a question about this exact scenario today…
Way to anticipate my every need!!!!
Steve
August 10, 2012 at 12:42 am #48222wpCommerceModeratorIf you ever need to style each shortcode anchor in a different way please follow the documentation here:
-
AuthorPosts
- You must be logged in to reply to this topic.