• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
  • Main Site
  • About Us
  • Services
  • Contact Us
  • Blog
BizBudding Docs

BizBudding Docs

Documentation

  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search
Home » Pretty Fabulous Theme

Pretty Fabulous

Pretty Fabulous: 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 …

View ArticlePretty Fabulous: Start Here
How to install your theme

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 …

View ArticleHow to install your theme
Category Grid Archive Title and Description

Category Grid Archive Title and Description

To display text above each Category Archive Navigate to: Posts > Categories > Select your desired Category > Edit Add your desired Category Name and Category Description.

View ArticleCategory Grid Archive Title and Description

Dashicons!

You can also use any of the available Dashicons anywhere on your site, check ’em out here! Simply select the one you want to use, copy and paste the html into a text widget, or a blog post using the “text” tab (not visual). Woo Hoo!

View ArticleDashicons!
Default Color Palette Hex Codes

Default Color Palette Hex Codes

If you’d like to stick with the color palette of the demo (isn’t it fun?!) here are the hex codes you can use for consistency:  Pink: #fa1490 Teal: #6ecfbe Green: #309201 Navy: #192d69 Charcoal: #2c2d2f Gold: #dcae41

View ArticleDefault Color Palette Hex Codes

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.

View ArticleEverything looks too small or too big?

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 …

View ArticleFavicon
Font Awesome Icons!

Font Awesome Icons!

I’ve included the necessary code for you to be able to use ANY of the Font Awesome 5 library. There are all kinds of fun, cute icons available! You can  find your favorite here. Note: You can use Font Awesome ANYWHERE on your site, so have some fun with those super cute icons! Once you …

View ArticleFont Awesome Icons!
Front Page 1 Widget Area

Front Page 1 Widget Area

You can control the front page 1 background image (the picture of the lady throwing confetti) under Appearance > Customize > Front Page Background Images. The Front page 1 Widget Area utilizes a text widget. Appearance > Widgets. The code seen in the Front Page 1 widget area of the demo site is below: It’s important …

View ArticleFront Page 1 Widget Area
Front Page 3 Widget Area

Front Page 3 Widget Area

The Front Page 3 Widget Area is comprised of 4 different widgets. The first of which is a text widget. You’ll want to wrap your text in h2 tags in order for it to appear like the demo. Be sure and click Save. The next three widgets are all configured the same.  Add a Genesis …

View ArticleFront Page 3 Widget Area

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 …

View ArticleGoogle Adsense, Analytics, or any Tracking Code
Gravatars

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 …

View ArticleGravatars
Header Left Widget Area

Header Left Widget Area

The Header Left Widget Area displays a simple social icons widget. This widget area will only perfectly fit the simple social icons widget. If you do not want to use the icons, you can leave both the header left and header right widget areas blank. Here are the settings used in the demo: The blue …

View ArticleHeader Left Widget Area
Header Right Widget Area

Header Right Widget Area

The Header Right Widget Area displays a search widget. This widget area will only perfectly fit the search widget. If you do not want to use a search icon, you can leave both the header left and header right widget areas blank.

View ArticleHeader Right Widget Area

Helpful HTML Codes

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

View ArticleHelpful HTML Codes
Hey Bar

Hey Bar

The bar at the top of your screen is called the “Hey Bar” I named it that because it’s all “Hey Girl, Hey! Look at Me!”  Moving on… This bar will appear blank unless you choose to place a text widget within the Hey Bar Widget Area. You can do this under Appearance> Widgets. Drag …

View ArticleHey Bar
Import Pretty Fabulous Widget Settings

Import Pretty Fabulous Widget Settings

If you did not install all of the required plugins after you installed your theme, you’ll want to do that now. Here’s the link to the Widget Importer and Exporter plugin that’s necessary for this step. Download this file: Pretty Fabulous Widgets Navigate to Tools > Widget Importer & Exporter. Choose the file you just downloaded, …

View ArticleImport Pretty Fabulous Widget Settings

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. …

View ArticleInstall Notes, Theme Extras, and Updates
Landing Page Template

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 …

View ArticleLanding Page Template
Pretty Fabulous After Entry Widget

Pretty Fabulous After Entry Widget

The After Entry Widget displays on single blog post pages.  Navigate to Appearance > Widgets. Drag and drop an eNews Widget (or whatever you like) into the After Entry Widget Area. The demo shows an eNews Widget in this area. Follow these instructions to configure the eNews Subscription Widget.

View ArticlePretty Fabulous After Entry Widget

Pretty Fabulous Fonts

The fonts used in the Pretty Fabulous Theme are: Pathway Gothic – download it here for free. Montserrat – download it here for free. The script font seen in various graphic elements is called flower child, and can be purchased here. 

View ArticlePretty Fabulous Fonts
Pretty Fabulous Footer Widgets 1 & 2

Pretty Fabulous Footer Widgets 1 & 2

The footer 1 widget area displays an image widget. This widget is 30% wide, and the Footer Widget 2 area is 70% wide. BONUS! You received this graphic with your purchase, and can edit it using photoshop! You’ll find the PSD file within your theme download. YAY! The Footer 2 Widget Area displays an eNews …

View ArticlePretty Fabulous Footer Widgets 1 & 2
Front Page 5 Widget Area

Pretty Fabulous Front Page 5 Widget Area

The Front Page 5 Widget Area has 2 widgets.  The first is a text widget, the exact html used there is seen below: <h2>Is This The Theme For You?</h2> Many people assume they <strong>have</strong> to utilize every little space they see on a demo site like this one, but that couldn't be further from the …

View ArticlePretty Fabulous Front Page 5 Widget Area
Pretty Fabulous Genesis Theme Settings

Pretty Fabulous Genesis Theme Settings

Under your Genesis Menu select Theme Settings. Default Layout You can select the default layout of your site on this page, the demo uses content/sidebar.  note: You can adjust the layout for each post and page on their individual editing screens, this will just be the default layout for all pages unless you change them. Content …

View ArticlePretty Fabulous Genesis Theme Settings
Pretty Fabulous Image Sizes

Pretty Fabulous Image Sizes

Your Image Sizes for the Pretty Fabulous Theme are: – Vertical Image – 350px wide by 438px tall – Grid Image – 356px wide by 237 tall – Featured Image – 720px wide by 400px tall – If you are creating graphics, or images that you want to fit side to side in each post, …

View ArticlePretty Fabulous Image Sizes
Pretty Fabulous Logo

Pretty Fabulous Logo

This theme requires you use a logo or image in lieu of a text header. The required dimensions are 800px wide by 400px tall. Navigate to Appearance > Customize > Header Image. Select your image, upload, save. Your logo will not appear until you create your navigation menu, and place a home link in the …

View ArticlePretty Fabulous Logo
Pretty Fabulous Plugins

Pretty Fabulous Plugins

After Pretty Fabulous is activated you’ll be prompted to install various plugins, below are the plugins referenced within your theme. See the screenshot below for an example: If you prfer to download and install them individually, you’ll find links below. Cool Timeline – The neat timeline you see on the about page of the demo …

View ArticlePretty Fabulous Plugins
Pretty Fabulous Portfolio

Pretty Fabulous Portfolio

If you wish to use the Portfolio feature of this theme, simply make sure you have the plugin installed first, then navigate to the Portfolio Menu area of your dashboard.  To change the text that appears at the top of your portfolio archive page, click on Archive Settings. To add a link to your portfolio …

View ArticlePretty Fabulous Portfolio
Pretty Fabulous Primary Navigation

Pretty Fabulous Primary Navigation

Navigate to Appearance > Menus. In order for your primary navigation menu to appear, you must first create one.  If you chose to import the demo content, you’ll find your menu already created and waiting for you. Once your menu is created, simply check the box next to Header Menu. Then click Save Menu. The Pretty …

View ArticlePretty Fabulous Primary Navigation
Pretty Fabulous Primary Sidebar 7

Pretty Fabulous Primary Sidebar

The Primary Sidebar of the Pretty Fabulous Demo displays 5 different widgets.  The first widget is an image widget. I designed it so that the text will appear on top of the photo starting about halfway down.  Drag an image widget into your sidebar. Upload an image, and write whatever you want the widget to …

View ArticlePretty Fabulous Primary Sidebar
Pretty Fabulous Secondary Sidebar

Pretty Fabulous Secondary Sidebar

If you choose to use the Secondary Sidebar (the tiny sidebar on three column pages), You’ll find it under Appearance > Widgets.  Remember this sidebar is tiny. It’s 100px wide at it’s smallest, and 360px wide at it’s widest. Drag and drop whatever widgets you like into the Secondary Sidebar area. The demo shows a …

View ArticlePretty Fabulous Secondary Sidebar

Pretty Fabulous Visual Guide

View ArticlePretty Fabulous Visual Guide
Change Up The Color Palette

Pretty Fabulous: Change Up The Color Palette

If you’d like to change up the color palette of the Pretty Fabulous Theme, simply navigate to Appearance > Customize > Colors. Here you’ll find the ability to change the color of every element the theme adds color to. Have some fun and get creative! You can even use an online color palette creator like: …

View ArticlePretty Fabulous: Change Up The Color Palette
Front Page 2 Widget Area

Pretty Fabulous: Front Page 2 Widget Area

The Front page 2 Widget Area utilizes the eNews Extended plugin. Learn how to configure this widget here.

View ArticlePretty Fabulous: Front Page 2 Widget Area
Pretty Fabulous: Front Page 4 Widget Area

Pretty Fabulous: Front Page 4 Widget Area

The Front Page 4 Widget Area displays a testimonial rotator.  You can create this under your Testimonials Menu in your dashboard.  First you’ll create a “Rotator”, then you’ll add a few testimonials and assign them to that rotator. If you do not see that menu, you likely have not installed this plugin. You can find …

View ArticlePretty Fabulous: Front Page 4 Widget Area

Pretty Fabulous: Import Demo Content

Download the Demo Content Import File by clicking the link below. Sample XML Zip File Unzip the file. Next, in your WordPress dashboard, navigate to Tools > import.  Select WordPress, and “Install Now” then “Run Importer”. Upload the unzipped XML file you downloaded above. Check the box next to download and import attachments. Click “Submit”. …

View ArticlePretty Fabulous: Import Demo Content

Pull Quote

If you’d like to utilize the really fun “pull quote” feature of this theme, you’ll copy the code in the box below and paste it into your blog post or page, replacing the “YOUR TEXT HERE” portion. <span class="pullquote">YOUR TEXT HERE</span>

View ArticlePull Quote

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 …

View ArticlePinterest – Claim/Verify Your Site

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. 

View ArticleRegenerate Thumbnails

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 …

View ArticleSimple Social Icons Troubleshooting

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.

View ArticleSite Identity
Troubleshooting

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 …

View ArticleTroubleshooting

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.

View ArticleUse Shortcodes in Archive Descriptions

Sidebar




BizBudding icon

Resources

  • Shop
  • Affiliates
  • Data Protection
  • Privacy Policy
  • Terms & Conditions
  • Contact Us

quick links

  • Main Site
  • About Us
  • Services
  • Contact Us
  • Blog

Contact Details

1001 County Road 517, Suite 1
Hackettstown, NJ 07840

(877) 548-2440

Contact Us


  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search

Copyright © 2010–2021 BizBudding Inc. · All Rights Reserved ♥ Work hard and be nice to people.