Omni CMS: Hero Images | Scribe

    Omni CMS: Hero Images

    • Sophia Bruen |
    • 16 steps |
    • 39 seconds
    information ordinal icon
    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.
    1
    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
    2
    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
    3
    Navigate to [https://www.fgcu.edu/oucms](https://a.cms.omniupdate.com/11/#oucampus/fgcu/www)
    4
    Click "Content"
    5
    Click "Pages"
    6
    Navigate to the folder of the site you'd like to edit.
    7
    Click "images" to open up your images folder.
    8
    Click "UPLOAD"
    9
    Click "ADD"
    10
    After ensuring your the naming conventions are correct, click "START UPLOAD"
    11
    Now we must publish the images. Select the images you just uploaded by checking the boxes.
    12
    We must publish to both publish targets, webdev and production. Click "Publish"
    13
    Ensure that webdev is selected in the publish target dropdown. Click "PUBLISH"
    14
    Next publish to production. Click "Publish"
    15
    Select "www" in the publish target dropdown.
    16
    Click "PUBLISH"