We use cookies to enhance your experience on our website. By continuing to use our website, you are agreeing to our use of cookies. You can change your cookie settings at any time. Find out more

Images shouldn’t be hyperlinks. Use captions instead.

Full width image

full-width-image
			<figure class="image-responsive">
				<img src="https://cdn.oxfordowl.co.uk/2017/01/05/14/05/06/30/ort_header.png" alt="full-width-image">
			</figure>
			

Full width image with caption

full-width-image
Reading an Oxford Reading Tree book. Don’t link the whole image but add a link in the caption
			<figure class="image-responsive">
				<img src="https://cdn.oxfordowl.co.uk/2017/01/05/14/05/06/30/ort_header.png" alt="full-width-image">
			  <figcaption>Reading an Oxford Reading Tree book. Don't link the whole image but add a <a href="google.pdf">link in the caption</a></figcaption>
			</figure>
			

Half width image with dark caption

Add the class dark to the figcaption.

full-width-image
Reading an Oxford Reading Tree book. Don’t link the whole image but add a link in the caption
			<figure class="image-responsive">
				<img src="https://cdn.oxfordowl.co.uk/2017/01/05/14/05/06/30/ort_header.png" alt="full-width-image">
			  <figcaption class="dark">Reading an Oxford Reading Tree book. Don't link the whole image but add a <a href="google.pdf">link in the caption</a></figcaption>
			</figure>
			

Half width image

full-width-image
			<figure class="image-responsive figure-half">
				<img src="https://cdn.oxfordowl.co.uk/2017/01/05/14/05/06/30/ort_header.png" alt="full-width-image">
			</figure>
			

Half width image with caption

full-width-image
Reading an Oxford Reading Tree book. Don’t link the whole image but add a link in the caption
			<figure class="image-responsive figure-half">
				<img src="https://cdn.oxfordowl.co.uk/2017/01/05/14/05/06/30/ort_header.png" alt="full-width-image">
			  <figcaption>Reading an Oxford Reading Tree book. Don't link the whole image but add a <a href="google.pdf">link in the caption</a></figcaption>
			</figure>