Text and Image Alignment

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author wpshopmart

    (@wpshopmart)

    9 years, 11 months ago

    Hello Graham,

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

    Thanks

    Thread Starter earthylad

    (@earthylad)

    9 years, 11 months ago

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

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

    Thanks,
    Graham.

    Plugin Author wpshopmart

    (@wpshopmart)

    9 years, 11 months ago

    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.

    Thread Starter earthylad

    (@earthylad)

    9 years, 11 months ago

    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=”http://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.

    Plugin Author wpshopmart

    (@wpshopmart)

    9 years, 11 months ago

    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="http://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

    Plugin Author wpshopmart

    (@wpshopmart)

    9 years, 11 months ago

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

    Thread Starter earthylad

    (@earthylad)

    9 years, 11 months ago

    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.

    Thread Starter earthylad

    (@earthylad)

    9 years, 11 months ago

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

    Thank you,
    Graham.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Text and Image Alignment’ is closed to new replies.