1. Home
  2. Appearance
  3. WordPress Customizer ( Website Settings )

WordPress Customizer ( Website Settings )

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 November 4, 2017

Was this article helpful?

Related Articles

Leave a Comment