HELP!Engine CodeImage Transparency
aligningimages.png

What is it?

Once you have embedded an image onto a page (view tutorial 1a. Embedding Images) in your website you can control the alignment of the image by using the engine code provided – quickly and easily.

Tutorial: Aligning Images

Step 1

Login to your CMS area for your site.

Step 2

Click the tab [Edit] to edit your page, locate the “Home” page as this is where we previously embedded an image.

Step 3

Find the line of text that is calling the image: 

{butterfly.jpg}

Step 4

Now to align the image, simply add a comma , after the file extension (in this example the file extension is .jpg) and enter either left or right.

Step 5

To align the image to the right the engine code would be similar to this: 

{butterfly.jpg,right}

Which displays on screen the newly aligned image, in this example to the right:

butterfly.jpg

 

 

 

As before, once you have inputted the Image code click [Save changes] and then have a look at your website’s Home page.

Please note: you will need to refresh the page of your website to view the changes.