I’m making a personal website for a client and I want it to be easy to edit. I’m trying to replicate the data the client had on a previous personal website made in pure html, and it looks like the image below:
I want to add an image with a description about it side by side preferably on a box like that. I tried just adding a shortcode from the “Ultimate shortcodes” plugin so that I can put the image on a column taking half of the screen and the text on the other column taking the other half of the screen like that:
But there isn’t a very defined relation between the elements, they look like they’re just floating there, and it’s hard to edit as every time you want to add such “component” you actually have to add three shortcodes and then insert the image and the text.
Using the built-in image caption doesn’t work either, as the caption goes only and directly below the image and doesn’t expand with the text.
So, my question is: how can I add a way for the end user to just add the image and a description so that it’ll show the description on the side of the image? Is there a plugin that does that or can I add a custom css to make the image caption go to the right and expand with the text?