Text and Image Alignment

Hello Graham,

Can you share me exact page url , where you have entered your box shortcode?

Thanks

Hi there, Sorry for the delay in replying. The exact url is:

https://www.cnoc-ard.co.uk/wordpress/bookings-enquiries

Thanks,
Graham.

Hi,

Actually box has contain block style that’s why it’s display after image in left side.

You will need to add tow columns(div), in first column add box and in second one add image.

hi again, No joy. The code is below:

<h1>Bookings & Enquiries</h1>
<div>[WPSM_COLORBOX id=143]
[WPSM_COLORBOX id=147]</div>
<div><img class=”size-full wp-image-234 alignright” src=”https://www.cnoc-ard.co.uk/wordpress/wp-content/uploads/2016/03/extension.jpg&#8221; alt=”extension” width=”338″ height=”600″ /></div>

I tried aligning them, one left the other right, made no difference.

Any help you could give, would be appreciated.

Thanks,
Graham.

Add this code –

<div style="width:48%;display:inline-block">
	<h1>Bookings & Enquiries</h1>
	<div>
		[WPSM_COLORBOX id=143]
		[WPSM_COLORBOX id=147]
	</div>
</div>
<div style="width:48%;display:inline-block">

		<img class="size-full wp-image-234 alignright" src="https://www.cnoc-   ard.co.uk/wordpress/wp-content/uploads/2016/03/extension.jpg" alt="extension" width="338" height="600" />

</div>

Tyr it and then let me know.

Thanks

And one more thing please set box layout is one column.

Copied the code and made the box a single column. We seem to be 50% there, but as you can see they are not exactly adjacent. The responsive view is fine, they look how they should, but full width for desktop or tablet, it looks way out. Any suggestions welcome.

Thanks,
Graham.

Hi there, Any chance of looking again at this, we just need some adjustments.

Thank you,
Graham.