Follow these instructions when in the relevant section of the CMS and you will easily be able to add code snippets.
In our example we are going to add a photo caption beneath an image
The process of left clicking the clipboard and pasting into the relevant place in the CMS is the same for all code snippets in the library.
Left click the Clipboard image.
Doing so will copy the code to your mouse.
In this example the code will look like this:
<figure> <figcaption class="text-center ">Short Photo Description</figcaption> </figure>
To test it before using the CMS left click the clipboard and paste it into a notepad document to see the result.
Click the Source button
You will see the source code for the image.
Paste the code snippet directly beneath the image code.
It will now look like this
Change the words 'Short Photo Description' for your own.
Take care to insert your caption exactly between the > closing tag and the < opening tag.
The photo caption will appear to be out of line.
It will correct itself when published live on your site.