WordPress Customizer

WordPress 3.4+ introduces a user-friendly and simple theme customization panel that assists you in tweaking certain aspects of your theme such as the logo, favicon, colors, background and other standard WordPress display settings. Through the customizer, you can create a completely new color theme to make Ambition reflect your style and personality.

How to customize your theme

1. Click Theme Options → Customize OR
2. Click Appearance → Themes
3. Click Customize next to the theme thumbnail.

You will then have access to the following customizable options, with the theme-specific sections in bold:

• Site title & tagline
• General Theme Settings
• Header Color Scheme
• Content Color Scheme
• Footer Color Scheme
• Colors
• Background Image
• Navigation
• Static Front Page

Site Title & Tagline

1. Site Title: This is displayed in the browser’s title bar and is the same setting under Settings → General.
2. Tagline: Also displayed in the browser’s title bar, you may optionally leave this blank.

General Theme Settings

1. Use the Default? Select Yes if you need to reset, or No to begin building a custom scheme.
2. Custom Logo: Upload an image to replace the “Cleansale” logo. For best results, use an image that is around 250 pixels wide by 35 pixels tall and is not larger than 450 pixels wide or 200 pixels tall. You can access full custom Logo options under Theme Options
3. Custom Favicon: This should be a 16px by 16px PNG or transparent gif and appears in the browser’s address bar next to your URL. Access full favicon options under Theme Options

Header Color Scheme

Change the color of elements in the body or layout area. Not ALL classes are included here. To change the color of an element not affected by the customizer, grab the style by right-clicking and choosing “Inspect Element” in your browser, then copy the style into the Custom CSS of your Theme Options area to customize it.

• Logo Color : Change the color of the logo text, if you are not using a custom logo image
• Navigation Links : Change the main menu link color
• Navigation Hover : Change the main menu link hover color

Content Color Scheme

Change the color of elements in the content/post area. Below we explain what these elements refer to

Slider Colors

Adjust the main slider color and navigation buttons. For detail elements such as overlays, text and borders, you will need to use Custom CSS

• Slider Container : Adjust the slider background
• Slider Arrows : Change the main color of the navigation buttons
• Slider Arrows Hover : Hover color for the navigation buttons

Content Area

1. Content Container – This is the main page area background color.
2. Post Titles Color – Main titles on archives, widgets and single posts/products
3. Post Titles Hover Color – Hover color for the title links
4. Section Titles – Title color for widgets on homepage and sidebars
5. Date Text – Color of the meta text below titles (date, author, etc)
6. Price Text – Color of the product price
7. General Body Text Color – Text color for text in your posts and product content where not covered by other styles
8. General Link Color – Links in your post and product content that are not affected  by other styles.
9. General Link Color Hover – Hover for general links
10. Border Colors – Borders under links in widgets, dividing elements or around thumbnails and images where applied.
11. Button Background Color – Main color for buttons, text areas and input fields
12. Button Text Color – Main link/text color for buttons, text areas and input fields
13. Button Border Color – Main border color for buttons, text areas and input fields
14. Button Hover Color – Main hover color for buttons
15. Button Text Hover Color – Main link hover color for buttons
16. Button Borders Hover Color – Main border hover color for buttons

Footer Color Scheme

• Footer Container – The main background of the footer area
• Footer Widget Titles – Change the color of the widget titles, if widgets are used
• Footer Text Color – General text color not affected by other styles, including the copyright and footer text below the widget area
• Footer Link Color – Color of Links in the footer widgets and menu

Colors

Change general colors such as the header text (not active in MagPress) and Background color. Because CleanSale uses a Background image by default (visible above the content area), the Background Color here will not take effect. Use the main Background manager under Appearance → Background to see all of the options available to you for changing the background.

Custom CSS

For elements not covered by the Customizer, you can use custom CSS to change just about anything. We offer a Custom Styling area in Theme Options to store your styles. This option saves custom CSS in your WordPress database. If your theme files are lost or if you need to reinstall, everything in your database is retained and safe. Older themes may not have this option.

1. Go to Theme Options → General
2. Enter or paste your styles into the Custom CSS field. You can grab styles using Inspect Element in your browser.
3. Click Save

custom.css stylesheet

This option may be easier to manage for advanced designers, but does require backup and maintenance if the theme files need to be reinstalled for any reason.

1. Go to Appearance → Editor
2. Click the custom.css link in the lower-right corner
3. Enter or paste your codes on a blank link below any existing text
4. Click Update File