To utilize Legacy's built-in banner area for display of your images, please follow the instructions below.
1. Click and drag your image into the Resources area of the project file (banner images used on the preview site of Legacy measured 1000px x 550px. Images with small dimensions may not display properly due to the size of the banner area on larger viewing devices). The Resources area can be found on the left hand column of RapidWeaver just below your webpages. (Please note that the Resources area is limited to RapidWeaver 5).
4. Your banner image will now appear in preview mode.
To utilize Legacy's built-in responsive slideshow for any page, please follow the instructions below.
6. Check the Display On under Built-In-Slideshow and Banner Off Toggle option in the Styles section of RapidWeaver.
(There is also an option to choose between a slideshow that will transition images with a fade-in, fade-out feature, or slider effect under Slideshow Transition in the Style Options section).
To utilize the option of displaying a background image of your choosing for either the main content area, or the 4 Extra Content Areas, please follow the instructions below.
1. Click and drag your image into the Resources area of the project file. (Please ensure that your images are large, high quality images. Smaller images will not display clear or crisp). The Resources area can be found on the left hand column of RapidWeaver just below your webpages. (Please note that the Resources area is limited to RapidWeaver 5).
3. Replace the "my-image" with the name of the image AND if utilizing the Extra Content Area, replace the ? with the appropriate Extra Content numbered area. Only Extra Content Areas 2-5 are useable options for this feature. (Please ensure that the name of your image is all lowercase and does not contain any spaces, characters, or symbols. Failure to do so may prevent the image from displaying upon publishing your site).
Please note that content background images may not re-size proportionally on tablet and handheld devices. This has nothing to do with the theme and everything to do with the functionality and limitations of those devices. As an alternative, Legacy includes in the Toggle section an Enable Removal of Background Images on Tablet/iPhone option, which offers the ability to utilize a background image on the desktop, but then convert the image to a background color of your choosing when viewing the page on tablet / handheld devices.
Legacy has the capacity to accommodate a logo and will display it above the site title as seen on the preview site. If the site title is not utilized, the logo will display where the title is placed. There are no set width or height requirements for the logo.
Legacy contains 4 Extra Content Areas to expand your design choices and options. The Extra Content Areas are limited to using the Extra Content Stack with Stacks 2 and therefore can only be used on pages built using Stacks 2. You can download the Extra Content stack for free under Extra Content Stacks Plugin at the following link: http://extracontent.org.
Please note that the Extra Content Areas begin with Extra Content #2 and end in Extra Content #5. Do not use any other Extra Content Areas as they are being utilized for other functions related to the theme. The Built-In Style options of theme include the ability to utilize your own custom background image or any solid color.
(Please note that embedded video is not the actual link to the video but a string of generated code).
Legacy is a responsive theme. As a result, it is imperative to ensure that any stacks used with Stacks 2, or any 3rd party products are responsive as well. While it is not necessary to build a website with Legacy using Stacks 2, it is a wonderful product that offers additional options to building your site, including hundreds of third party-products. If you choose to use Stacks 2, please ensure the stacks you are using are responsive. Joe Workman's responsive layout stack is a great place to start your collection of responsive stacks and can be found at the following link: http://joeworkman.net/rapidweaver/stacks/responsive-layout/. The fluid image stack from this package was used for the images on the main page of this preview site.
Please note that standard stacks margin and paddings may not display properly with Internet Explorer 8.
Legacy's Contact page on the preview site contains 3 additional extra content areas specific to RapidWeaver's built in Contact Page. The extra content areas are designed to display content exactly as it appears on the preview site - three columns above the contact form with the option of utilizing the third column to display the theme's built-in social icons. To replicate the three columns, please cut and paste all of the following code in the customizable text area of the Contact Page.
Once you have placed the code in the customizable text area, please select the Contact Form Extra Content Areas On under the Toggle section of the Style Options. If you prefer, you may opt to select the Contact Form Social Icons On under the Toggle section to move any social icons on the page from below the banner, to the third column. If utilizing social icons for the third column, please ensure there is no text for line one and two of the column.
You are now ready to change the sample content to the content specific to your site.
(Please note that for proper display, you must either choose between using two lines or one line of content per column).
If you are new to the RapidWeaver community, or come across a setting that you are not quite sure of, the team at RealMac has compiled a great resource for RapidWeaver users and answers many questions about the software. From instructions on how to create sub-navigation pages to explaining the Resources area, you will most likely learn something new about RapidWeaver after reviewing the manual. You can find the manual at the following link: http://realmacsoftware.freshdesk.com/solution/categories/14470/folders/24470.
To utilize Legacy's built-in social icons, please follow the instructions below.