
If you want to adjust the images that appear in your Viewport articles, you will need to edit these directly in your Confluence page using the Confluence editor. Adjusting Images with the Confluence Editor You can override the mobile theme defaults only by injecting custom CSS. Note that adjusting the size of the image in the Confluence editor will not change how the image displays in the help center’s mobile view. Scroll Viewport displays the image in its original size (covering a maximum of 80% of the Viewport article, if the article template set to ‘wide’) and center-aligned in relation to your text. Learn how Scroll Viewport’s help center theme will handle the images you embed in your articles if you don’t adjust them further in Confluence. In this article you will learn how you can control image sizes and alignment in Confluence and how Viewport handles these images in your site.

In those case, you can use the Confluence editor to adjust and re-align your images. In some cases, to ensure readability of articles or provide a content-optimized experience, you might want to deviate from those defaults. When showing images in your help center articles, Scroll Viewport will take into account the image alignments and width adjustments that you set in the Confluence editor.īy default, that is, if you add an image to a Confluence page without adjusting it, Scroll Viewport displays the image in its original size and center-aligned.

This doesn’t affect the mobile view where images are always displayed full width (if the original image size permits).

Instead of simply showing all images in their original dimensions, we now take into account the width and alignment adjustments you make in the Confluence editor. With our release we fundamentally changed how your images are handled in Scroll Viewport.
