Omni CMS: Hero Images | Scribe

    Omni CMS: Hero Images

    • Sophia Bruen |
    • 0 step |
    • 39 seconds
    To make hero images display on desktop, tablet and mobile devices, you must create and upload three sizes so the display can react based on the viewer's device.
    In the image resizing software of your choice, create 3 resized versions of your image in the sizes indicated below: **Hero Sizes**\ Desktop: 1900px X 250px\ Tablet: 900px X 200 px\ Mobile: 600px X 125px
    Rename your 3 hero images to follow these naming conventions: \ Desktop: website-description-hero.jpg\ Tablet: website-description-hero-tablet.jpg\ Mobile: website-description-hero-mobile.jpg
    Navigate to [https://www.fgcu.edu/oucms](https://a.cms.omniupdate.com/11/#oucampus/fgcu/www)
    Click "Content"
    Click "Pages"
    Navigate to the folder of the site you'd like to edit.
    Click "images" to open up your images folder.
    Click "UPLOAD"
    Click "ADD"
    After ensuring your the naming conventions are correct, click "START UPLOAD"
    Now we must publish the images. Select the images you just uploaded by checking the boxes.
    We must publish to both publish targets, webdev and production. Click "Publish"
    Ensure that webdev is selected in the publish target dropdown. Click "PUBLISH"
    Next publish to production. Click "Publish"
    Select "www" in the publish target dropdown.
    Click "PUBLISH"
    This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe