Blissful

Thank you for using the Genesis Framework by StudioPress and selecting the Blissful theme. Following are the instructions for setting up your site to resemble the Blissful theme demo.

Blissful

If you have any trouble, please fill out the contact form for assistance.

You may wish to have the Blissful theme demo open, for reference, while setting up your theme. The setup documentation for this theme has been broken down into the following sections:

How to Configure the Header Menu
How to Configure the Home Page Images
How to Configure the Home Title Images
How to Configure the Home Page Posts
How to Configure the Footer Widgets

How to Import Demo Content

For your convenience, an export file of the Demo site is available to assist in the setup of your Blissful theme. You’ll find more information about this in the Importing Demo Content tutorial.

How to Configure the Header Menu

Go to Dashboard>Appearance>Widgets, and drag a Text Widget to the Header Right area.

Enter the following code in the widget:

<a href="YOURFEEDURL"><img src="http://YOURDOMAIN.COM/wp-content/themes/blissful/images/header-link-subscribe.png" alt="Subscribe" /></a><a href="YOURTWITTERURL"><img src="http://YOURDOMAIN.COM/wp-content/themes/blissful/images/header-link-twitter.png" alt="Twitter" /></a><a href="YOURFACEBOOKLINK"><img src="http://YOURDOMAIN.COM/wp-content/themes/blissful/images/header-link-facebook.png" alt="Facebook" /></a><a href="YOURCONTACTLINK"><img src="http://YOURDOMAIN.COM/wp-content/themes/blissful/images/header-link-contact.png" alt="Contact" /></a>

If you would like to change the names (and where they link to), you can edit the PSD provided in the theme download.

To change the code, simply substitute like this:

<a href="THELINKYOUWANT"><img src="http://YOURDOMAIN.COM/wp-content/themes/blissful/images/header-link-contact.png" alt="WHATTHEBUTTONDOES" /></a>

Back to Top

How to Configure the Home Page Images

Go to Dashboard>Appearance>Widgets

Drag a Genesis Featured Posts Widget to Home Top

Configure as in the screenshot below:

Back to Top

How to Configure the Home Title Images

In the demo, you can see an image icon to the left of the home page post titles.
These images can be changed to any icons you prefer – a PSD is included in the theme images folder for your editing convenience.

Upload the images you want to use via your media library.

Copy the image URL.

Open style.css in Dashboard>Appearance>Editor.

Lets say our category is called “Arts and Crafts”.

Look for the following code (add it in if you can’t find it):
.home #content  .category-arts-and-crafts h2 {
background: #fef4f2 url(images/headline-post-1.png) no-repeat left;

}

Replace “arts-and-crafts” with the lower case hyphenated name of your targeted category.

Replace “images/headline-post-1.png” with the path and file name to your image.

Back to Top

How to Configure the Home Page Posts

When you first load content, the home page will show the full post.

Go to Dashboard>Genesis>Theme Settings

Configure the Content Archives as shown in the screenshot below:

Back to Top

How to Configure the Footer

Go to Dashboard>Appearance>Widgets

Drag a Genesis Featured Post Widget to Footer 1, and configure as in the screenshot below:

Repeat for Footer 2

If you wish to have a footer advertisement:

Drag a Text Widget to Footer 3 and use the following code:
<a href=”YOURLINKHERE”><img class=”aligncenter” src=”LINK TO YOUR IMAGE” alt=”ADVERTISERNAME” /></a>

Back to Top

Congratulations! You are now ready to begin adding content and personal touches to your new Blissful and Genesis powered website. If you run into any problems along the way or have questions, please fill out the contact form and let us know how we can help.