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.' Each 'Chord' is an editable section of the page you can click to design the page. Furthermore, each Chord has a specific layout and design, so each Chord does something different for the page.

For example, if you wanted an audio clip on your page, you would need to first add the Audio Chord. Once added, you can then edit the Audio Chord to upload your own music.

After adding a Chord, you can then customize any of the content you see within the Chord to fit your needs.

Each Chord is created within a single page. It's not possible to copy Chords between different Remixer pages.

How do I use them?

When you choose a theme, several Chords are already built into it. You can click to edit any Chord to design your content.

If you'd like additional content such as a video, you would need to first add the Video Chord. Once the specific Chord is added, you are able to edit it as you like.

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

E-Commerce

At this time, there is no built-in service for e-commerce or SSL certificates. These features are set to be added in 2018.

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 .