BizBudding Docs
Documentation
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 …
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 …
To display text above each Category Archive Navigate to: Posts > Categories > Select your desired Category > Edit Add your desired Category Name and Category Description.
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!
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
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.
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 …
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 …
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 …
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 …
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 …
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 …
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 …
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.
Add an image anywhere on your site: Insert a linked image
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 …
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, …
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 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 …
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.
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.
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 …
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 …
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 …
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, …
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 …
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 …
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 …
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 …
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 …
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 …
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: …
The Front page 2 Widget Area utilizes the eNews Extended plugin. Learn how to configure this widget here.
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 …
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”. …
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>
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 …
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.
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 …
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.
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 …
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.
