Have you seen Elementor?

Our flagship product, Layers has been acquired by the team at Elementor.

With a powerful, fast page builder, Elementor is the best way to get your site online with as little effort as possible.

Ambition: Customize Your Theme

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.

Oh no, I screwed up! How can I go back to the theme defaults? You can reset your colors to the default by expanding the Theme Color Scheme section:

To help you go back to the theme defaults yourself, we have provided a color key at the end of this section.

The customizer is still an early feature of WordPress , and as such is not perfect. If a color change is not updating in the preview panel, Save and refresh the page.

How to customize your theme

  1. Click Theme OptionsCustomize OR
  2. Click AppearanceThemes
  3. Click Customize next to the theme thumbnail.

You will then have access to the following customizable options:

  • Site title & tagline
  • General Theme Options
  • Theme Color Scheme
  • Colors
  • Background Image
  • Navigation
  • Static Front Page

Theme Color Scheme

This is where you can create a completely custom color scheme, or tweak specific aspects of the theme. The options available to you are:

Header & Copyright Footer Background: Change the color of the background area behind the logo and social icons at the top of the page. This color corresponds to the background color of the footer area behind the copyright text at the very bottom of the page.

Default Color: #000000

Header Text: Change the color of the text overlaying your custom header image, if set.

Default Color: #FFFFFF

Navigation Background: Change the color of the navigation bar below the logo header.

Default Color: #f9f9f9

Navigation Links: Change the color of the links in the top navigation bar.

Default Color: #747474

Navigation Hover: Change the color your links turn when the mouse is hovered over them in the navigation bar.

Default Color: #000000

General Body Text Color: Change the color of the general text in content areas.

Default Color: #595959

Navigation Sub-menu Background Color: Change the background color of the drop-down menu in the main navigation menu.

Default Color: #f9f9f9

Content & Widget Link Color: Change the color of basic text links in content areas and widgets.

Default Color: #43C2F1

Border Color: Change the border color for elements with a border, including the navigation drop-down menu container, widget link underlines, form element borders, horizontal lines,  etc.

Default Color: #CCCCCC

Navigation Sub-menu Link Color: Change the color of the links in the top navigation menu drop-down.

Default Color: #595959

Content & Widget Link Hover Color: Change the hover color of basic text links in content areas and widgets.

Default Color: #000000

Buttons & Date Block Color: Change the background color of buttons and date blocks.

Default Color: #43C2F1

Buttons and Dates text: Change the color of the text within the buttons or date blocks

Default Color: #FFFFFF

Buttons Hover: Change the hover background color for button elements, including the call-to-action buttons, toggles and tabs.

Default Color: #47defe

Accent Color: Change the background color of special elements such as the related video container and tab, gallery thumbnail container and alternate/end date on events.

Default Color: #43C2F1

Section Titles: Change the color of the section titles which appear in the header and above widgets.

Default Color: #000000

Post Titles Background: Change the background color of the post-title container at the top of posts and pages. Click a post link to view a post in the Customizer to see this element.

Default Color: #F9F9F9

Content Areas Background: Change the background color of all content areas. This includes post backgrounds, widget content backgrounds, etc

Default Color: #F9F9F9

Post Titles Color: Change the color of the post titles in widgets and on posts/pages.

Default Color: #3E3E3E

Sub-category or Tabs Navigation Background Color: Change the background color of the tabs navigation that appears at the top of category pages or in the skills widget.

Default Color: #E0E0E0

Testimonials Background Color: Change the color of the testimonial background in the widget slider and on the testimonials page.

Default Color: #FFFFFF

Testimonials Text Color: Change the testimonial font color.To change the font, visit Theme Options.

Default Color: #000000

Footer Background Color: Change the background color of the footer area containing the footer widgets.

Default Color: #F9F9F9

Footer Text Color: Change the text color for widgets in the footer.

Default Color: #595959

Footer Links Color: Change the standard link color for widgets in the footer.

Default Color: #595959

Footer Links Hover Color: Change the text color for widgets in the footer.

Default Color: #43C2F1

Footer Copyright Text Color: Change the color of your copyright text.

Default Color: #878787

Colors

This is the default WordPress background color chooser.

Color: Choose your background color. This color will be hidden if you choose to upload a background image.

Header Image

This is the default WordPress header image uploader. Once you’ve uploaded an image, optionally add your title and copy in the theme options panel.

Header image: upload an image that is at least 980 pixels wide. For best results, use an image with dimensions at least 2000 pixels wide and 350 pixels tall.

Background Image

This is the default WordPress background image customizer.

Background image: click the background selector to upload an image. Click Save & Publish to view the orientation settings.

Static Front Page

To display the widget-driven homepage, this must be set to “Latest Posts.” You may opt to show a specific page as your homepage instead, such as your main blog category, a special content page, or the gallery.

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 OptionsGeneral
  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

Only copy styles you have changed or will customize into these areas – never copy the entire theme stylesheet as this can impede your theme’s ability to recognize important changes we make in hotfixes and theme updates.


WooCommerce