WordPress Customizer Overview

In the Music Maker 2.18 theme update, the Theme Options panel has been replaced with the WordPress Customizer.

The Customizer allows you to make changes to the appearance of your website live.

In this post you will find all the available options for the WordPress Customizer.

Please note: The wording and locations of settings may change.

Important note: If you are using a cache plugin, please clear your cache, and turn deactivate it to avoid problems.

Customizer Overview

How to Use the Customizer

  • In WordPress click Customize on the sidebar under Appearance.
    - You can also click the Customize link when browsing your website.
  • To make Customizer changes live, you must click the Save & Publish button.

Customizer Settings

  1. Header - Edit your site's title, logo, social icons, navigation location, header image, and colors.
  2. Beat Store - General Settings, Custom Text, Single Beat Page, and Playlist Colors.
  3. Colors - Customize your websites colors.
  4. General - Banners, Sidebar, Blog Settings, Photos, Videos, Promo Bar, Loading Animation.
  5. Footer - Footer settings and colors.
  6. Fonts - Customize your website's fonts.
  7. Background - Upload a background image or select a background pattern.
  8. Menus - Select header and footer menu.
  9. Product Store - Product store settings.
  10. Widgets - Add and edit widgets.
  11. Static Front Page - Select your website's front page.
  12. Additional CSS - Add custom css.

Header

Logo & Title

  • Logo Image
  • Site Title
  • Tagline
  • Logo Position: Left or Right ( New )
  • Site Icon

Social Media Icons

  • Social Profile URLs
  • Apple or iTunes Option ( New )

Colors ( New )

  • Navigation Link Colo
  • Navigation Hover Link Color
  • Header Social Icons Color
  • Website Name Color
  • Subtext Colo
  • Navigation Background Color
  • Header Background Color

Menu Location

  •  Navigation Location
    • Show Above Logo
    • Show below Logo
    • Hide Navigation  ( New )
  • Include website search input in navigation ( New )

Header Background Image ( New )

  • Header Background Image
  • Stretch BG Image

Beat Store

General Settings

  • Beat Store Sidebar
  • Select Beat Store Homepage
  • Beat Store Playlist Buy Button
  • Buying Beats - Users can add beats to the shopping cart from the beat store homepage in an overlay window or send users to the single beat page.
  • Show Thumbnails
  • Show Genre ( New )
  • Show BPM ( New )
  • Show Produced By ( New )
  • Automatically Start Beat Store
  • Beat Store Player Height ( New )
  • Overlay Window
    • Hide Animated Bars ( New )
    • Show Social Icons
    • Overlay Image BG Color ( New )
    • Overlay Image BG Image ( New )
  • Beat Sort Bar
    • Show Beat Sort Bar
    • Show Genre
    • Show Categories
    • Show Tags
    • Show Price
    • Show Search Input ( Added in 2.19 )
    • Show Shopping Cart Number

Customize Text

  • Beat Store Title
  • Buy Button Text ( New )

  • Free Download Text
  • Sold Text
  • No Price Text
  • No Price Link ( New ) - This links the No Price text.
  • Sort Button Text ( New )
  • Cart Button Text ( New )
  • Search Input Text ( Added in 2.19 )

Single Beat Page

  • Automatically start beats on the single beat page.
  • Display continue shopping button. Must include text below.
  • Continue Shopping Button Text
  • Single Beat Page Sidebar ( New )

Colors ( New )

Colors for the beat store playlist.

  • Beat Store Theme Color - Select light or dark theme.
  • Playlist Active Color
  • Active Beat Name Color
  • Active Beat Subtext Color
  • Playlist Background Color
  • Playlist Border Color
  • Beat Name Color
  • Subtext Color
  • Icon or Buy Button Color
  • Price Color

Colors

  • Page & Widget Title ( New )
  • Button & Link Color
  • Body Text Color ( New )
  • Border Line Color ( New )
  • Content Background Color ( New )
  • Remove Content & Widget Background Color ( New )
  • Website Background Color

General Settings

Banners

  • Show banners on homepage
  • Show on beat sorting pages

Sidebar Settings

  • Sidebar Position
  • Hide Sidebar on Mobile Devices ( New )

Blog Settings

  • Blog Homepage - Hide Sidebar ( New )
  • Blog Homepage - Hide Author and Date Text ( New )
  • Single Blog Page - Hide Sidebar ( New )
  • Single Blog Page - Hide Author and Date Text ( New )
  • Show or Hide Social Share Buttons

Photo Gallery ( New )

  • Select Photo Gallery Homepage - Links photo gallery homepage.
  • Photo Gallery Home - Hide Photo Name 
  • Single Photo Page - Hide Sidebar
  • Single Photo Page - Hide Author and Date Text

Video Gallery ( New )

  • Video Gallery Homepage - Links video gallery homepage.
  • Hide Sorting Dropdown Menu 

Promo Bar

  • Show or Hide Promo Bar
  • Promo Bar Text
  • Text Color
  • Background Color
  • Button Text
  • Button Web Address

Loading Animation ( New )

  • Show or Hide Loading Animation
  • Loading Background Color
  • Loading Image

Settings

  • Show or Hide Footer Widgets Area
  • Footer Menu Location: Left or Center ( New )
  • Copyright Text
  • Google Analytics ( New )
  • Hide the Music Maker link

Colors ( New )

  • Widget Area
  • Remove Widget Area BG
  • Widget Title 
  • Widget Text
  • Widget Link
  • Widget Border
  • Menu Text

Fonts

Copy and paste the font names from the Google Web Font Directory.
Font names are case sensitive.

  • Website Title Font
  • Navigation & Beat Name Font ( New )
  • Body Font ( New )
  • Body Font Size ( New )
  • Widget Header Font Size ( New )

Background Image

  • Upload Background Image
  • Select Background Pattern

Edit the header and footer navigation menu.


Product Store

If you sell physical products fill in the info below. To use the product store you must have a PayPal account.

  • PayPal Email Address
  • Currency
  • Currency Symbol
  • Store Homepage ( New ) - Links to the store homepage.
  • Hide Sorting Dropdown Menu ( New )
  • Store Success Page
  • Store Banner Image  ( New )  - Banner appears on the top of your store homepage. Suggested image size: 900x300

Widgets

You can add and edit widgets in this panel.


Static Front Page

Select your website front page and blog.


Additional CSS *

This input allows you to see CSS changes made live.

Related Articles
Tagged:
Last updated on May 22nd, 2017

Leave A Comment?

Looking Help?
1. First search the knowledge base for answers. Email support can take 48 hours.
2. If something is not working, please read trouble shooting problems.
3. If those do not help, provide a website link to help speed up the process.