Images & Media


Enhance your site using art, photography, logos and videos

You can add any of the following:


Featured images vs. Embedded Images

Most content types have a field to upload a Featured image. The display of your featured image is controlled by your style theme and therefore, featured images can look uniform across the site without having to manually change the size and alignments.

You may also embed images into the body text of your content. You can alter the style of an embedded image on a page by page basis.


Image Attributes

Captions

A caption can be added to both featured images and embedded images. The appearance of your image caption will be determined by your theme style.

Alt Text

Alternative text (aka alt text) is used by screen readers, search engines, and when the image cannot be loaded. By adding alt text you improve accessibility and search engine optimization.

    Media Browser

    The media browser allows you to upload and manage your media files.


    Retina Compatibility - Logo

    To make your website's logo appear retina friendly. The logo file must be sized twice as large than its intended size. Then use CSS to display the logo correctly.

    Example: If you have a square logo that looks good at 100x100px, start with a 200x200px logo file. Then add this bit of CSS to the CSS Injector to ensure the logo displays correctly. Height and width can be adjusted based on the size of the logo.

    .header__logo img { height: 100px; width: 100px; }