Configuring Pages : Adding Images

Follow

 

Images can be added on all kinds of Pages, Sidebars, Questions, Topics, Options Topics.

In other words, you can add images to all the Content Blocks

Content Blocks can contain your own content or HTML.

Image size: should be between 900X350px and 900X500px. The best format is PNG or JPG.
 

To add the image please follow the 4 steps:

  1. Click on the Image Icon in the content block

  2. Click on “Upload” tab, “Choose File” and browse for the image you want to add, then hit on “Send it to the server"

  3. If you would like your image to resize automatically based on the size of the browser window (recommended) then delete the values from the fields “Width” and “Height”, make sure you set the alignment to “None” and click on “OK”


  4. Your Image will display in the content block as below:
  5. Make sure to click on “Save” or “Create” at the end of the page when you are done. 

    Hint: If you couldn’t upload the image and you received an error message like this

         That means: you have uploaded an image earlier with the same name. 

        To solve the error: Please edit the image name you want to upload and try again.



Have this template open in a browser tab, and copy-paste these elements into your articles.  The bold/underlined parts are the headings for this template, itself:

_____________________________________________Template Items Below___________________________________________

HEADERS / FONTS / ETC.

Article Title

Body Text

Large Font Section Header

Body Text (this will be smaller than the header text, when published)

Medium Font Section Header

Body Text (this will be smaller than the header text, when published)

Body Text

  • Bullet List with Bold Text to denote buttons/labels
  • Bullet List with Bold Text to denote buttons/labels
  • Bullet List with Bold Text to denote buttons/labels

 Body Text

IMAGES

**For images, you will need to use the </> button after you've inserted an image, and add the class code in the image link like this:

<img class="image-with-border" src="/somethingsomething/mceclip2.png" width="741" height="173">

That will cause images to be surrounded in a blue box.  Click "Preview in Help Center" to see the results (the results don't show up in this editor window).

 

0 out of 0 found this helpful