Upload the desired image to the Fichiers & Uploads page.
Copy the image static code.
Create an HTML component.


Click on Edit.

Click on the image icon.

Paste the image static code from Files & Uploads in the Source zone. Then click ok.

The image appears in your text component. Click on Edit HTML to create the effect.

The following HTML source code appears. Delete all the HTML code starting from style=”border: to the end (see the yellow highlight).

Copy and paste the following HTML code to replace what has been deleted.
style=”border: 1px solid #6E6E6E; weight: 20px; box-shadow: 6px 6px 0px grey; border-width: 1px;”/>
Click ok. The border and the shadow on your image appears in your text component. You can click save if nothing else is to add.
