Remixer Chords

What is a Chord?

After you select a theme, you are ready to edit it. Each theme is divided into sections called 'Chords.' In Remixer, each Chord has a specific layout and design and you can customize any of the content you see within the Chord to fit your needs.

How do I use them?

Chords are used throughout the theme to display your content. You can customize any of the existing data in a Chord.

Below is an inventory and description of each of the available Chords in Remixer.

About

Chord name Descriptions and editable Items Example
About with Grid Details

Chord Header

Chord Description

3 Columns

  • Column Header
  • Column Description
  • You can add / remove columns by clicking the x or +
Remixer_about13.png
About 2x3

Chord Header

Chord Description

2 Columns by 3 Rows

  • Cell Heading
  • Cell Image
  • Cell Description
Remixer_about24.png
About 2x3 Geek

Chord Header

Chord Description

2 Columns by 3 Rows

  • Cell Heading
  • Cell Image
  • Cell Description
Remixer_about30.png
About 3x2

Chord Header

Chord Description

2 Columns by 3 Rows

  • Cell Heading
  • Cell Image
  • Cell Desc
Remixer_about25.png
Article

Article Title

Article Date

Article Author

Article Description

Remixer_about05.png
Article Image

Article Image

Article Title

Article Description

Remixer_about04.png
Article Video

YouTube Video

Click on the existing video to select a new video

  • Pick Existing video
  • Search YouTube for video you want

Title

Date and Author

Remixer_about15.png
Artist Profile

2 columns

Left Column:

  • Header Line
  • Description Line
  • Left column comes with 1 feature image
  • 5 smaller images

Right Column:

  • Contact info
  • Location
  • Occupation
  • Social Media Info
Remixer_about17.png
Blog Posts

Chord Header with description line

3 columns

  • Blog Posts Image
  • Blog Posts header
  • Blog Posts description
Remixer_about27.png
Business Card

Image (117 x 117)

Name

  • 2 lines

Title

Description

Name

Birthday

Address

Email

Phone

Website

Remixer_about18.png
Business Card Lite

Card Name

Card Title

Card Description

Card Photo

Remixer_about12.png
Business Left

Chord title

Chord description

Learn More button

Chord image on the right

Remixer_about16.png
Business Right

2 columns

Left Column

  • Feature Image

Right Column

  • Header Text
  • Chord Text
  • Learn More Button
Remixer_about14.png
Carousel Left

2 columns

Left Column:

  • Feature Text
  • Description Text

Right Column

  • Photo Carousel
  • Select photo to update
Remixer_about31.png
Carousel Right

2 columns

Left Column:

  • Feature Text
  • Description Text

Right Column

  • Photo Carousel
  • Select photo to update
Remixer_about07.png
Circle Stats

Chord Header

Chord Description

4 Items side by side

  • Icon / Image with Title
  • Select the Icon
  • Menu opens to update icon and text
  • Item Description
Remixer_about10.png
Detailed People Cards

Chord Header

4 columns

  • Person Photo
  • Person Title
  • Person Description
  • Social Media
  • FaceBook
  • Twitter
  • Google Plus
  • LinkedIn
Remixer_about11.png
Half Circle Stats

Chord Header

Chord Description

4 Identical Half Circles

  • Half Circle
    • Label
    • Link
    • Type
    • Icon
  • Label
Remixer_about19.png
Highlights

Chord Header

3 identical columns

  • Column Photo
  • Column Header
  • Column Description
Remixer_about26.png
Icons Info 4

Chord Header

4 Items side by side

  • Icon / Image with Title
    • Select the Icon
    • Menu opens to update icon and text
  • Item Description
Remixer_about28.png
Markdown

Edit

  • Document Title
  • Markdown

View

  • Preview of code

Pick Existing

  • Coming Soon
Remixer_about32.png
Music Shows

Chord title

4 columns for labeling

X and + button for delete or add rows

Remixer_about29.png
Parallax Image

Chord Title

Chord Text

Chord Image

Remixer_about08.png
Price List

Chord Header

Description line

Product info

  • Product Name
  • Product Description
  • Product Price
  • Click on Plus symbol to add another product
Remixer_about00.png
Quote

Quote

Attribution

Remixer_about03.png
Real Estate

Feature Image

Feature Text

Description

Address

More Details Button

Amenities

  • Plus symbol adds more amenities
  • X symbol removes amenities

Price

Remixer_about06.png
Real Estate Double

Feature Image

Feature Text

Description

Address

More Details Button

Amenities

  • Plus symbol adds more amenities
  • X symbol removes amenities

Price

Remixer_about23.png
Simple Panel

Title Text

Header Text

Description Text

Remixer_about01.png
Sponsors Four

Chord Header

4 Images side by side

Remixer_about02.png
Star Reviews

Options button allows you to change the number of stars

Chord header

2 identical columns:

  • Reviewer Image
  • Reviewer Name
  • Star Rating
  • Reviewer Testimonial
Remixer_about20.png
Testimonial

Testimonial

Remixer_about22.png
Testimonial_three

6 Text Elements grouped by 2

  • Quote Element
  • Author Element
Remixer_about22.png
Text Block

Chord Text

Remixer_about05.png
Text Block

Chord is used for only text

Spans across the entire page

Remixer_about09.png
Title with Text

Chord Headline

Chord Description

Remixer_about21.png

Audio

Chord name Descriptions and editable Items Example
Embedded Audio

Click Image to update Audio

“Type an url to a SoundCloud audio page:”

  • Click IMPORT to bring into your Content
  • Click Apply to import to the Chord
Remixer_audio00.png

Contact

Chord name Descriptions and editable Items Example
Contact

Contact Title

Contact Information

Contact Description

Remixer_Contact00.png
Contact with Details

Contact Headline

Contact Description

“Where to find us”

“How to reach us”

Remixer_Contact02.png
Disqus

Chord allows for guests to:

  • Comment
  • Recommend
  • Share

Login to your Disqus from Options

Remixer_Contact01.png
Map

Chord Title

Chord Description

Click anywhere on the map and pop up window appears asking for the updated address

Remixer_Contact03.png

Footer

Chord name Descriptions and editable Items Example
Footer

Chord Title

Chord Description

Links

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_footer03.png
Footer Scroll To Top

Chord Title

Links

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_footer00.png
Footer Tall

Chord Title

Chord Description

Links

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_footer01.png
Social Media Footer

Select Icon to update:

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_footer02.png

Gallery

Chord name Descriptions and editable Items Example
Gallery

Gallery Description

Select photo to be taken to Image Editor

  • Select photo from existing Content
  • Or Add More Photos by Uploading from your computer
Remixer_gallery00.png
Gallery Carousel

** Images rotate in a carousel

Gallery Title

Gallery Description

Select photo to be taken to Image Editor

  • Select photo from existing Content
  • Or Add More Photos by Uploading from your computer
Remixer_gallery02.png
Gallery Grayscale

** Images loaded to the chord become black and white

Gallery Title

Gallery Description

Select photo to be taken to Image Editor

  • Select photo from existing Content
  • Or Add More Photos by Uploading from your computer
Remixer_gallery04.png
Gallery Hover Enlarge

** Images are enlarged when mouse is placed over the image

Gallery Title

Gallery Description

Select photo to be taken to Image Editor

  • Select photo from existing Content
  • Or Add More Photos by Uploading from your computer
Remixer_gallery03.png
Image Grid Slider

** Images are laid out side by side on a long slider from left to right

Gallery Title

Select photo to be taken to Image Editor

  • Select photo from existing Content
  • Or Add More Photos by Uploading from your computer
Remixer_gallery01.png
Square Image Grid

Select photo to be taken to Image Editor

  • Select photo from existing Content
  • Or Add More Photos by Uploading from your computer
Remixer_gallery05.png

Grid

Chord name Descriptions and editable Items Example
Grid 2

Chord Header

Chord Description

2 Identical columns

  • Column Image
  • Column Header
  • Column Description
Remixer_grid01.png
Grid 3

Chord Header

Chord Description

3 Identical columns

  • Column Image
  • Column Header
  • Column Description
Remixer_grid02.png
Grid 4

Chord Header

Chord Description

4 Identical columns

  • Column Image
  • Column Header
  • Column Description
Remixer_grid00.png

Header

Chord name Descriptions and editable Items Example
App Header

Chord Header

Chord Title

Chord Description

Download buttons for devices

Download URLs are defined in Options

  • iPhone
  • Android
  • Windows
  • Blackberry
Remixer_header02.png
Simple Header Menu

Chord Title

Menu Items

  • Label
  • Link
  • Type
  • Icon
Remixer_header03.png
Social Media Header

** Options lets the menu be sticky

  • Sticky keeps the header at the top of the page as you scroll

Chord Title

Menu Items

  • Label
  • Link
  • Type
  • Icon
Remixer_header00.png
Sticky Header

** Options lets the menu be sticky

  • Sticky keeps the header at the top of the page as you scroll

Chord Title

Menu Items

  • Label
  • Link
  • Type
  • Icon
Remixer_header01.png

Hero

Chord name Descriptions and editable Items Example
Full Parallax

Chord Header

Chord Title

Chord Photo

Remixer_hero11.png
Hero

Chord Name

Hero Text

Hero Caption

Button:

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_hero05.png
Hero Center Image

Hero Image

Menu Items

  • Label
  • Link
  • Type
  • Icon

Parallax Text

  • Hovers Over Hero Image

Chord Header

Chord Text

Chord Button

  • Button Text
Remixer_hero04.png
Hero Quote

Social Icons

Chord Header

Chord Title

Chord Photo

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_hero02.png
Hero Video

YouTube Video

Click on video to update video

  • Pick Existing
    • From Content
    • From “Search YouTube”
Remixer_hero03.png
Hero Basic

Chord Title Text

2 Chord Buttons

  • Label
  • Type
    • URL
    • Anchor
    • E-mail
  • Link
  • Icon
Remixer_hero08.png
Hero Full Window

Hero Image

Menu Items

  • Label
  • Link
  • Type
  • Icon

Parallax Text

  • Hovers Over Hero Image

Chord Header

Chord Title

Chord Text

Remixer_hero06.png
Hero Text Chord Text
  • ** Large Text
Remixer_hero01.png
Image With Text Overlay

Header Image

Header Title

  • Overlay on bottom left corner
Remixer_hero09.png
Parallax Text

Parallax Text

Chord Description

Remixer_hero12.png
Parallax Hero

Hero Image

Menu Items

  • Label
  • Link
  • Type
  • Icon

Parallax Text

  • Hovers Over Hero Image

Chord Header

Remixer_hero00.png
Showcase Product New

Chord Photo

Chord Header

Chord Title

Chord Description

Remixer_hero07.png
Showcase Product

Chord Photo

Chord Header

Chord Title

Chord Description

Remixer_hero10.png

Video

Chord name Descriptions and editable Items Example
Video

YouTube Video

Click on the existing video to select a new video

  • Pick Existing video
  • Search YouTube for video you want
Remixer_video00.png

See also

 

Did this article answer your questions?

Article last updated .