How do I create a static banner image as seen throughout the rest of the preview site?
*** We recommend a banner image size of 1400px wide by 500px tall.
1. Before dragging your image to the RW Resources area, we recommend you rename the image after one of the following to keep your workflow in order:
2. Open your page inspector and locate the Banner Area and the Number of Slides options.
3. Simply select the following options: Static Image or 3rd Party Plugin and None (Static Image Enabled)
*Ensure that the "None (Static Image Enabled)" option is selected under the "Number of Slides (Slideshow Enabled)" group to ensure that your static banner image displays.
4. Copy and paste the following code into your sidebar area with the name of the image you have dropped into your Resources area. Example: The page will display banner_1.jpg
5. Preview your page and enjoy your responsive banner image.
1. Before dragging your image to the RW Resources area, we recommend you rename the image after one of the following to keep your workflow in order:
2. Open your page inspector and locate the Banner Area and the Number of Slides options.
3. Simply select the following options: Static Image or 3rd Party Plugin and None (Static Image Enabled)
*Ensure that the "None (Static Image Enabled)" option is selected under the "Number of Slides (Slideshow Enabled)" group to ensure that your static banner image displays.
4. Copy and paste the following code into your sidebar area with the name of the image you have dropped into your Resources area. Example: The page will display banner_1.jpg
<div id="fs"><img src="%resource(banner_1.jpg)%" alt="My Image"/></div>
5. Preview your page and enjoy your responsive banner image.