Graceful - Setup Instructions

Below are all the tutorials on getting your new Graceful theme set up to appear like our demo. Here is a link as well to our demo that you can view for reference as you’re setting up your new theme!

View Theme Demo

Plugins needed before you get started!

The home page of the Graceful theme is comprised of 3 different widget areas.

  • Home- Top Left
  • Home- Top Right
  • Home- Bottom

Here are screenshots of all the settings from the Graceful demo:



How do I set up the Slider?

This theme uses the Genesis Responsive Slider plugin, which can be obtained here or by searching in Dashboard>Plugins>Add New.

  1. Install and activate the plugin
  2. Configure the slider settings (Dashboard>Genesis>Slider Settings) as shown in the screenshot below.
  3. Visit Dashboard>Appearance>Widgets and drag a Genesis- Responsive Slider widget to the Home – Top Right area.

How do I upload my own logo?

Navigate to Appearance > Header. Select the browse button and upload your logo.

For best results, your logo should be sized at 270px wide by 115px high before you upload.

How do I change the size of the logo?

Look in your functions.php file for the following code:

//* Add support for custom header
add_theme_support( ‘custom-header’, array(
‘width’ => 270,
‘height’ => 115,
‘header-selector’ => ‘.site-title a’,
‘header-text’ => false
) );

You will change the above width and height to your new dimensions.

Next, look in your style.css file for the following code:

.header-image .site-title a {
background-color: none;
margin: 0 auto;
max-width: 270px;
min-height: 115px;
padding: 0;
}

You will change the above width and height to your new dimensions that you’ve placed in your functions.php file.

How do I upload my own background?

Navigate to Appearance > Background. Select the browse button and upload your background.

How do I set up the social media icons?

This theme uses the Simple Social Icons Plugin, which can be obtained here or by searching in Dashboard>Plugins>Add New.

In your Widgets menu, drag the widget labeled “Simple Social Icons” into a widgetized Area.

The demo displays them in the Primary Sidebar widget area.

Configure the widget by choosing a title, icon size and color, and the URLs to your various social profiles.

How do I set up the social sharing links at the bottom of each post?

This theme uses the Jetpack plugin, which can be obtained here or by searching in Dashboard>Plugins>Add New.

Once installed and activated, you will need to sync this with your WordPress.com account. If you don’t have an account there, you’ll just need to create a free account.

You’ll then navigate to Jetpack>Sharing>Configure and set your configuration to match the screenshot below.

Graceful theme jetpack plugin tutorial

How do I change the color scheme?

Go to Dashboard>Genesis>Theme Settings and select the color you want from the dropdown menu under the Color Style section.

Here are the color options available for the Graceful theme:

  • Default Pink: #FDA2A6
  • Mint & Peach: #88D3AB #F0A991
  • Navy & Coral: #1F3162 #FF847C
  • Radiant Purple: #985DA6 #BB80B8
  • Pop of Color: #EF539E #70CBCC #F89D43
  • Blue Gray: #B5D6CC
  • Black & Gold: #000000 #DFB52B
  • Pitch Black: #000000