The EXTRA CONTENT #9 area is located directly in the banner area as displayed throughout the preview site. Under the Toggle Style Option, select Extra Content #8 and your content will display. The code will have a pink background if successful.Ĥ. Highlight the entire code and click Clear Formatting, then Ignore Formatting under Format at the top left of your screen. Simply replace Sample Content with your own content.ģ. For the Contact page the code can be placed in the customizable text area of the the page).Ģ. (For the Blog page the code can be placed in any blog entry. Place the following code in a stacks container or the content area of the page. To utilize this built-in extra content area, please use the following instructions for proper implementation.ġ. You can certainly use Extra Content #8 in other pages as well, as this page is utilizing this feature with the word TUTORIAL. The EXTRA CONTENT #8 area is located above the main content and is used for a main content header area for those pages that may be limited with having a dedicated header area (i.e. The Built-In Style options of theme include the ability to utilize your own custom background image or any solid color. Do not use any other Extra Content Areas as they are being utilized for other functions related to the theme with the exception of Extra Content areas 8 and 9. Please note that the Extra Content Areas begin with Extra Content #2 and end in Extra Content #6. Margin and padding should not be applied to the actual Extra Content stack that contains the content. When using the Extra Content stack, it is important to target the content within the stack if using margin or padding. You can download the Extra Content stack for free under Extra Content Stacks Plugin at the following link. 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 with the exception of Extra Content areas 8 and 9. As a result, when viewed in Internet Explorer 8, background images will convert to the solid color selected for the corresponding background area.Įndeavor contains many Extra Content Areas to expand your design choices and options. Internet Explorer 8 also has limitation with processing background images. This has nothing to do with the theme and everything to do with the functionality and limitations of those devices. Please note that content background images may switch from a switched position to one that scrolls on tablet and handheld devices. If utilizing an extra content area, you must select the corresponding extra content area in the Toggle category to display the area. Failure to do so may prevent the image from displaying upon publishing your site).Ĥ. (Please ensure that the name of your image is all lowercase and does not contain any spaces, characters, or symbols. ONLY Extra Content Areas 2-6 are useable options for this feature. 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. The Custom CSS box is located towards the center of the panel and labeled CSS): A panel will appear - please click on the Header label. Insert the following code in the Custom CSS box within RapidWeaver (The Custom CSS area can be found by clicking on the Page Info icon at the top-right side of your project file. (Please note that the Resources area is limited to RapidWeaver 5 and above).Ģ. The Resources area can be found on the left hand column of RapidWeaver just below your webpages. Images with small dimensions may not display properly due to the size of the banner area on larger viewing devices). Click and drag your image into the Resources area of the project file (banner images used on the preview site measured 1200px x 700px. To utilize the built-in banner area for display of your images, please follow the instructions below.ġ.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |