Hi Support Team,
I’ve been trying to figure out how to align images height/center side by side using the Javelin theme.
What happens is that the images are slightly off centered when previewing the blog page. I’ve tried using custom css and tried manually editing the html to get images to align using display:inline-block, however images still show as off centered. If I switch between visual/text it removes any custom css I’ve added. Note I’m using an external links to smugmug.
Attached a screenshot so you can see images are slightly off centered even though in visual editor they are aligned.
I hope you are well today and thank you for your question.
Are you talking about the misalignment as shown in the attached screenshot?
Could you please share me the page URL from your site where it is displaying so that i can help you?
Here’s a sample of the picture side by side in here.
You have to align your images to the left to display them side by side as described in the following pages.
Thanks that seemed to work, however I see text wrapping around due to the responsiveness of the site. If I shrink my browser down, you see the text wrap to the right of the image which throws it off.
Perfect thank you! Sorry I’m not good with CSS clearly 🙂
Sorry last question… is there an easy way to create a shortcake for that to add to an image? I can add it, but incase someone less proficient with html/css doesn’t want to mess with it. Is that an option?
Solution for this topic
I think you are talking about shortcodes.
You can align images either using WordPress alignment classes or using visual editor as described in the following pages.