1. Home
  2. Appearance
  3. WordPress Customizer

WordPress Customizer

The WordPress Customizer controls 500+ website settings.

This post has been updated for version 3.0.

Customizer Overview

Video Outdated: New features have been added that are not in the video. Read updated options below.

Cache Plugin Problems

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

  • The wording and locations of settings may change.
  • The Theme Options panel has been replaced with the WordPress Customizer in version 2.18.

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. Background – Upload a background image or select a background pattern.
  5. Fonts – Customize your website’s fonts.
  6. Misc ( 9 ) – Sidebar, Footer, Blog Settings, Photos, Videos, Promo Bar, Loading Animation.
  7. Menus – Select header and footer menu.
  8. Product Store – Product store settings.
  9. Widgets – Add and edit widgets.
  10. Frontpage Sections – Control the settings for the Frontpage Sections template.
  11. Homepage – Select your website’s front page & homepage banner options.
  12. Custom CSS – Add custom CSS code.

Logo & Title

  • Tagline
  • Logo Image
  • Site Title Font Size
  • Site Title Top Padding
  • Logo Position
  • Site Icon

Social Media

Limited to 5 websites.

  • Facebook
  • Twitter
  • Instagram
  • SoundCloud
  • YouTube
  • Google+
  • Vimeo
  • RSS Feed
  • Tumblr
  • Linkedin
  • Pinterest
  • Flickr
  • Apple or Itunes

Header ColorsĀ 

  • Navigation Link Color
  • Navigation Hover Link Color
  • Header Social Icons Color
  • Website Name Color
  • Subtext Color
  • Navigation Background Color
  • Header Background Color
  • Remove Header BG Color
  • Header Background Image
  • Image Settings
  • Menu Location
    • Show Above Logo
    • Show below Logo
    • Hide Navigation
  • Enable Sticky Menu
  • Display Search in Menu

Beat Store

Beat Store Settings

  • Autoplay Beat Store Playlist
  • Show Thumbnails
  • Show Genre
  • Show BPM
  • Show Produced By
  • Show Animated Bars
  • Show Play Count
  • Play Text
  • Playlist Height
  • Playlist Buy Button
  • Playlist Buying Settings
  • Default Thumbnail
  • Beat Store Sidebar

Beat Sort Bar

  • Beat Store Sidebar Options
  • Sort Dropdown Text
  • Show Genre
  • Show Categories
  • Show Tags
  • Show Price
  • Show Search Input
  • Search Input Text
  • Show Checkout Button
  • Checkout Button Text
  • Beat Sort Bar Color
  • Beat Sort Bar Checkout Button Color
  • Count Circle Color

Add to Cart ( Overlay Window )

  • Hide Animated Bars
  • Show Beat Desciption
  • Show Social Icons
  • Overlay Image BG Image

Sale ( Overlay Window )

  • Sale Button Text
  • Overlay Text
  • Overlay Text Color
  • Overlay Text BG Color
  • Overlay Background Image

Instructions ( Overlay Window )

  • Instructions Button Text
  • Overlay Text
  • Overlay Icon Color
  • Overlay Icon BG Color

Custom Text

  • Beat Store Title
  • Beat Store Playlist
  • Buy Button Text
  • Free Download Text
  • Sold Text
  • No Price Text
  • No Price Link
  • For Sale Status ( No Price )

Audio Player & Playlist Colors

  • Audio Player Colors
  • Player Color
  • Timeline Color
  • Playlist Theme Color
  • Playlist Background Color
  • Playlist Border Color
  • Beat Name Color
  • Subtext Color
  • Icon or Buy Button Color
  • Price Color
  • Active Beat BG Color
  • Animated Bars Color
  • Animated Bars Opacity
  • Active Beat Name Color
  • Active Beat Subtext Color

Single Beat Page

  • Select Audio Player
  • Soundwave Progress Color
  • Soundwave Color
  • Soundwave BG Color
  • Text Above License Options
  • Automatically Start Beats
  • Show Producer
  • Show BPM
  • Show Time
  • Show Page Views
  • Show Type
  • Show Related Beats
  • Show Continue Shopping
  • Continue Shopping Button Text
  • Select Beat Store Homepage
  • Single Beat Page Sidebar
  • Related Beats Text

Colors

  • Page & Widget Title
  • Button & Link Color
  • Button Style
  • Body Text Color
  • Border Line Color
  • Content Background Color
  • Remove Content & Widget BG Color

Background

  • Background Image
  • Background Patterns
  • Website Background Color

Fonts

These fonts work with Google Web Font Directory.

  • Website Title Font
  • Font Weight
  • Navigation & Beat Name Font
  • Font Weight
  • Body Font
  • Font Weight
  • Font Size
  • Widget Header Font Size

Misc ( 9 )

Page Title

  • Page Title Settings
  • Fullwidth Title Text Color
  • Fullwidth Title Background Color
  • Fullwidth Title Background Image
  • Fullwidth Title BG Image Color Tint
  • Title Background Image Settings
  • Fullwidth Title Font Size
  • Fullwidth Title Padding
  • Sidebar Position
  • Hide Sidebar on Mobile Devices
  • Footer Menu Location
  • Copyright Text
  • Hide Music Maker link.
  • Show Footer Widgets
  • Footer Widget Background Color
  • Remove Widget Area Background
  • Footer Widget Title Color
  • Footer Widget Text Color
  • Footer Widget Link Color
  • Footer Widget Border Color
  • Footer Menu Text Color

Animation Options ( Being added in version 3.0.1 )

  • General Page Animation
  • Store Homepage
  • Product Store Single Page
  • Blog Homepage
  • Photo Gallery Images
  • Video Gallery Images

Blog Settings

  • Hide Sidebar
  • Hide Author & Date
  • Hide Sidebar
  • Hide Author & Date
  • Show Social Share Buttons
  • Select Photo Gallery Homepage
  • Hide Photo Name
  • Hide Sorting Drop Down Menu
  • Hide Sidebar
  • Hide Author & Date
  • Video Gallery Homepage

Promo Bar

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

Loading Animation

  • Loading Animation
  • Loading Background Color
  • Loading Image

Google Analytics

  • Tracking Code

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
  • Select Store Homepage
  • Select Store Success Page
  • Banner Image – Suggested image size: 900×300
  • Hide Sorting Drop Down Menu
  • Product Image Position
  • Show Related Products
  • Related Products Text

Widgets

You can add and edit widgets in this panel.

Tutorial: How to Add Widgets


Frontpage Sections

How to use Frontpage Sections.

  • Banner Image
  • Banner Video
  • Beats
  • Pricing Table
  • Services
  • About
  • Production Credits
  • Products
  • Email
  • Photos
  • Blog
  • Video
  • Text 1
  • Text 2
  • Text 3
  • Text 4
  • Text 5
  • Settings

Homepage

Homepage Banners

  • Show Banners on Homepage
  • Show on Beat Sorting Pages

Tutorial: How to add homepage banners

Select Homepage

  • Front page displays
  • Front page
  • Posts page

Custom CSS

This input allows you to see CSS changes made live.

Updated on October 12, 2017

Was this article helpful?

Related Articles

Comment

Before Asking For Help

Email responses can take 2 business days.

  1. 1. First search the help website for answers.
  2. 2. If something is not working, please read how to troubleshoot problems.
  3. 3. If you can not find a answer include website links and be descriptive on your problem below.
    • Please say more than something isn't working, be descriptive and provide links.