Pretty Chic Theme

Can your unique style and creations be described as none other than chic?

Pretty Chic is now Mai Chic.

Then, here’s a website template to match. Mai Chic is professional and yet feminine. The content-centric layout makes it simple for visitors to find what they need and stick around long after.

If you are still using Pretty Chic, please be aware that support for the Classic Editor in WordPress is ending soon. We highly recommend you upgrade to Gutenberg Blocks and the future direction of WordPress.

Buy Mai Chic – $84y

Buy All Themes & Plugins – $99Y

Pretty Chic – Start Here

YAY! It’s so exciting to give your website a new look, and it’s my hope you’re able to do so quickly and efficiently by following the setup instructions that follow. Be sure and follow these setup instructions in order, this will ensure you have any required plugins installed before you get to their various configuration …

How to install your theme

Best Practices Please always keep an untouched copy of your theme stored on your computer. The original zip file is ideal. You will also want to keep an updated version of your theme files stored on your computer, in the case that you accidentally make a mistake and need to use that copy to fix …

Import Demo Content

First Install and activate your theme Install and setup any required plugins mentioned in your theme’s setup tutorials. Then – Import Demo Content Download the Demo Content File Unzip the file you have just downloaded. It contains a file called sample.XML. This is the demo content. You will need to unzip the file prior to …

Header Image

If you would like to change your header/logo image you can do so by navigating to: Appearance > Customize > Header Image

Add Date Back to Primary Nav Bar

Unless you’ve had Genesis installed on your site for quite some time, the “Primary Extras” included with a few of our themes is no longer available as an option. You CAN, however, add it back using the code below. This involves editing your Functions.php file, so please be so very careful. Navigate to Appearance > …

Everything looks too small or too big?

This usually means you’ve accidentally zoomed in or out in your browser. Holding down the “Command” key and pressing “+” zooms in. Holding down the “Command” key and pressing “-“ zooms out. Holding down the “Command” key and pressing “0” (zero) will reset your browser to it’s normal100%. If you’re using a PC, use Control instead of Command.

Favicon

That cute little icon that shows in your browser (currently a bow) can be easily changed, pretty neat. Just navigate to Appearance > Customize > Site Identity and upload your preferred image there. Keep in mind this will also be used the icon when someone saves your website to their phone. So cool how simple …

Google Adsense, Analytics, or any Tracking Code

In your dashboard, navigate to Genesis > Theme Settings. Scroll down to the bottom of that page until you see 2 boxes, one will say Header Scripts, the other will say Footer Scripts. Any tutorial asking you to paste a code in your header, goes into the header box. Any tutorial asking you to paste …

Gravatars

The image that appears in your User Profile widget is automatically drawn from your Gravatar.com account. If you do not have a Gravatar.com account, you can sign up for one here. This image will appear anywhere on the internet where your corresponding email is used to comment. From Gravatar.com “Your Gravatar is an image …

Helpful HTML Codes

Add an image anywhere on your site: Insert a linked image

Install Notes, Theme Extras, and Updates

Fonts Used Fonts are already installed and ready to go, however, if you wish to download them for your personal use here are the links. I recommend keeping fonts cohesive throughout your imagery and branding if possible. Source Sans Pro Best Practices Please always keep an untouched copy of your theme stored on your computer. …

Landing Page Template

Landing pages are known for their high conversion rates. You can use this template for sales, announcements, subscription forms etc. The possibilities are endless, and these pages can be customized however you like, to fit whatever event etc. you may be looking to promote or emphasize. To get started, go to Pages > Add New …

Pretty Chic Adding the Landing Page Template

If you purchased your theme prior to March 26th 2018 – and would like to use the new Landing Page template, you’ll need to add it to your theme. Download the latest version of the Pretty Chic Theme in your account area. Unzip the theme. Find the page_landing.php file. Upload that file via FTP to …

Pretty Chic Hex Colors

Default Mint Green: #b0cdbd Simple Social Icons Mustard Yellow: #e0c841 Coral Color Option Main Coral Color: #ff9188 Gray Color Option Main Dark Gray Color: #727272 Navy Color Option Main Navy Color: #354f75 Orchid Color Option Main Purple Color: #ac87bb Pink Color Option Main Pink Color: #fd668d Red Color Option Main Red Color: #e42a27

Pretty Chic Image Sizes

Make sure you upload at least 720px wide images so they will fit each area depending on where they’ll display. If you’re setting your default featured image settings under your Genesis > Theme Settings area, you can choose whichever size you prefer there as well. Also, be sure and regenerate your thumbnails if your images …

Pretty Chic Import Widget Content

If you want to save time setting up your site, you can download the widget import settings from the demo site, meaning it will populate your widget areas so you can see where everything goes, and then add your own images and text. Download the Pretty Chic Widgets Import File Import Widget Settings Install and …

Pretty Chic Navigation Menus

The Pretty Chic Theme demo displays three menus, a primary menu, a secondary menu and a custom menu widget placed in the header right widget area. Primary and Header Widget Navigation Menus Your Primary menu will display just underneath your header. Secondary Navigation Menu Your secondary menu appears just beneath your footer widgets, and above your …

Pretty Chic Sidebar Widgets

Below are the widgets seen in the Pretty Chic Demo, you can have these added automatically by importing the widget settings using this tutorial here.

Pretty Chic Theme Ad Space Widget

The Pretty Chic theme has space to display an advertisement between the Header and the Primary Navigation on the Home Page. To configure the Ad Space Widget: Appearance > Widgets > Drag a Text widget to the AdSpace Widget area Add in the URL of your image To locate the URL of your image: …

Pretty Chic Theme Below Content Widget Area

The Pretty Chic theme displays four Genesis Featured Posts widgets above the Secondary Navigation: To set up the Pretty Chic Below Content Widget, go to Appearance Widgets Drag four “Genesis Featured Posts” widgets to the Below Content Widget Set up each of the four widgets as shown in the screenshot below. Note that you can …

Pretty Chic Theme Fonts

The following fonts were used in the Pretty Chic theme, and are ready to go, however, if you wish to download them for your personal use here are the links. Playfair Display – Serif Font Lato – Sans Serif Font

Pretty Chic Theme Home Bottom Widget Area

The Pretty Chic theme displays five blog post excerpts in the Home – Bottom Widget: To set up the Pretty Chic Below Content Widget, Navigate to: Appearance > Widgets Drag and drop the “Genesis – Featured Posts” widgets to the Home Bottom Widget. Configure the widget as shown in the image below:

Pretty Chic Theme Home Middle

The Home Middle widget displays below the Home Top Widget; this widget features one Genesis – Featured Posts widget, set to display two posts: Navigate to Appearance > Widgets > Drag a Genesis – Featured Posts widget to the Home Top Widget area. Configure as shown in the screenshot below:

Pretty Chic Theme Home Slider Widget

The Pretty Chic theme displays a Genesis Responsive Slider at the top of the home page. First, install and activate the Genesis Responsive Slider plugin. Then drag the Genesis – Responsive Slider widget to your Home Slider widget by going to Appearance > Widgets Configure the Genesis Responsive Slider by going to Genesis > Slider …

Pretty Chic Theme Home Top Widget Area

The Home Top widget displays below the slider; this widget features one Genesis Featured Posts widget: Navigate to Appearance > Widgets > Drag a Genesis – Featured Posts widget to the Home Top Widget area. Configure as shown in the screenshot below:

Pretty Chic Theme Plugins

These will all open in a new tab so you can keep this setup page open. Genesis eNews Extended – This is your email subscription widget. Genesis Responsive Slider – Your slideshow. Gravity Forms – Totally optional, but a sound investment for forms, contact pages etc. Greg’s Threaded Comment Numbering – Adds numbers to your …

Pretty Chic Theme Visual Guide

What Goes Where A Visual Guide – Menu & Widget Placement These are the widgets used in the demo. I used html to the text widgets to display ad images, you’ll find this code in on the HTML codes page in your tutorial list.

Pinterest – Claim/Verify Your Site

This is a super simple process using the Genesis Framework. Pinterest gives you various options, but you want to go the “Use a meta tag” route. Use a meta tag Step 1: Get the meta tag On desktop web, navigate to your Account settings In the Claim Website section, enter your website URL and click …

Regenerate Thumbnails

Once you’ve installed your theme, or if you ever update your default image sizes (located in your dashboard under Settings > Media), you’ll want to run the regenerate thumbnails plugin. Once installed, you’ll find this option in your dashboard under the Tools menu.

Simple Social Icons Troubleshooting

If you have Simple Social Icons in more than one place on your site, make sure both have the exact same settings. For instance, the Pretty Fabulous theme sets the background color automatically for the header left area, but the default background color for the simple social icons plugin is #ddd (dark gray). If you …

Site Identity

You can change your site Title, Tagline and add a favicon (the cute little icon that displays in your navbar) all in your customization panel. From your WordPress dashboard, navigate to Appearance > Customize, then select “Site Identity. Click “Save and Publish” for your changes to take effect.

Troubleshooting

The number one culprit for any sort of error on your site is usually a plugin conflict. This means that one of your plugins is causing either your theme, or another plugin to malfunction. I’ve been developing themes since 2005, and I cannot tell you how frustrating it is to hear hosting companies “blame the …

Use Shortcodes in Archive Descriptions

If you would like to use shortcodes in your archive descriptions, including Custom Post Type descriptions, place the following code at the bottom of your functions.php file: If you have no idea what any of that means, no worries, just ignore this tutorial.