Hi ronnyone,
I see you’re using the OnePress theme. In the future, I recommend asking at the OnePress theme support forum so the plugin’s/theme’s developers and support community can help you with this.
Since I believe you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
I would recommend trying to utilize the image with caption technique when inserting your image and text. Then, apply a little Custom CSS to get you the rest of the way there. Here is a brief overview of adding a caption to an image you’ve inserted into a post: https://premium.wpmudev.org/blog/how-to-add-a-caption-to-wordpress-images/
Then add the following Custom CSS (with Jetpack’s Custom CSS module):
.wp-caption.aligncenter {
background-color: #eee; // or whatever color you prefer as your background color?
padding: 15px 0; // this is optional and just gives a little padding on top and bottom of area
text-align: center;
width: 100%;
}
.wp-caption.aligncenter img[class*="wp-image-"] {
display: inline-block;
}
I believe that should get you there. Let us know.
