Adding Images & Video to the Camera Slider

Step 1. Open your snippets panel and find California – Banner and drag that into the Header section of the Page Inspector. “Be sure to have the snippets installed”

California Banner Snippet

California Banner Snippet Header

Step 2. Drag the image that you want to use into the resources panel.

California Resource

Step 3. Get The name of the image and put it into the snippet.

California Resource Paste

Step 4 (Optional). Captions and be inserted  within the <div class=”camera_caption fadeFromTop”> INSIDE HERE </div>.

California Caption

Step 5. Inserting video. To insert video you must get the embed code from the site and place it within the <div id=”image1? data-src=”%resource(IMAGE)%”> INSIDE HERE </div>.

California Video Banner

Step 6. Have a screen shot of the movie and place it in the part where you images usually go.

California Banner Video Image

Changing the Background Images

Step 1. Open your snippets panel and find California – Body BG, California – Gal/File/Mov BG or California – sidebar BG and drag that into the Header section of the Page Inspector.

  • California – Body BG = Background of the body of California.
  • California – Gal/File/Mov BG = Background of the photo, movie and file page.
  • California – sidebar BG = Background for the border of the sidebar.

“Be sure to have the snippets installed”

California background Snippet

California BG Snippets

Step 2. Drag the background file into the resources panel.

1LD Sushi BG

Step 3. Take the name of the file and put it into the snippet.

BG Image Paste

ExtraContent

Step 1. Drag the California – ExtraContent Stack into either the sidebar or in the Main Content. ”Be sure to have the snippets installed”

Extra Content Snippet

Extra Content Header

 

Banner Transitions

Step 1. Start by installing the Canari – Banner Transition snippet.

California Banner Transition

Step 2. Drag the snippet into the JavaScript section of the Page Inspector.

California banner transition

Step 3. Pick anyone of the types of captions and place it into the quotes in fx. By default the snippet is set for random.

Transition California

All options

Transition Options

Changelog

v1.2.0 (January 7, 2013)

  • Banner Transition Snippet
  • Banner Caption Text Color Options
  • Banner Caption Text Size Options
  • Banner Caption Background Options
  • Social Media Hover
  • Contact form border

v1.1.0 (November 30, 2012)

  • mobile nav appearance
  • Nav active / inactive color fix
  • banner transition set to ‘simpleFade’
  • banner pie loader removed

Bug Fixes:

  • navigation hover error

Need to update your product? Use the Order Lookup Form to download the latest version.