michael david design

Venture Tutorial
Banner Image Import
The following steps describe how to utilize the Resources area within RapidWeaver for placing an image in the banner area.

1. Place an image in the Resources area of the theme.

2. Insert the following code with the Custom CSS box in RapidWeaver:
#feature {background-image: url(%resource(my-image.jpg)%);}
3. Replace the "my-image" with the name of the image.

To avoid any issues that may arise with placing an image in the banner area, please avoid spacing or using any characters in the name of the image. Short and simple names are the most reliable.
Venture requires a 3rd party product to utilize a slideshow (sold separately). To display a slideshow in the banner area, please place the 3rd party slideshow stack within an extra content stack and label the extra content area #1. The slideshow will now display in the banner area.
Custom Containers
Download each of the three snippets included with the theme by double-clicking on each one:

#1. Venture MainTitle/Header Container
#2. Venture Text Title Container
#3 Venture Text Container

Once the snippets have been installed, click on the snippets icon and simply drag the desired snippet the content area of your styled text or stacks page. Replace the text between the code with your text and switch to preview for instant results. Spacing is critical to how these containers display. To re-create a container with a title header, connect #2 and #3 by making sure there is no space between the end of the code and the beginning of the next code.
Social Icons
Venture provides two placement options for social icons- in the content or sidebar area. These options are found in the style options panel of the theme. To place social icons within the theme, please use the follow instructions.

1. Insert the following code in the Sidebar area within RapidWeaver:
<a class= "social" href= "#">f</a>
2. Replace the # with the page URL of your social icon.

3. Replace the letter f with the corresponding symbol of the social icon of your choice using the chart below.

4. Highlight the entire code and click Clear Formatting, then Ignore Formatting under Format at the top left of your screen. (For multiple social icons, repeat the above steps for each desired icon.)
Social Icon Table
New To RapidWeaver
Welcome. As you will soon discover, RapidWeaver is an incredible, easy-to-use product for building websites. The following link provides information on the basics of RapidWeaver: