Build Your Own Business Website header image

Set Up Appearance

How to Configure the Genesis Responsive Slider to Display WooCommerce Products

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to configure the Genesis Responsive Slider to display WooCommerce products and list which product id we want to exclude or include. We also look at the need to check your data to make sure the slide width and product images are all correct. Member: I do have a question

How to Configure the Featured Products in the Runway Child Theme for Genesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to configure the featured products in the Runway child theme for Genesis 2 and look at how the theme was set up. In Theme Settings we change the Select Post Navigation Technique to numeric and get rid of the category IDs to be exclude. We talk about how the

Lesson 12 – Part 3 – Displaying Content in WordPress and the Agency Child Theme

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to talk about is the way in which WordPress displays pages. WordPress has a couple of different display styles. The first kind of a display style I call the Full Page and it is a web page where the entire content page is displayed. Pages are an example of full

Lesson 11 – Part 7 – Style the Contact Form Using BYOB Genesis Contact Form 7 Styles plugin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

One of the reasons why I wrote a plugin to style Contact Form 7 for the Genesis theme is that there are various stylistic changes that you may want to make when you're using a contact form. Up until my plugin, the only way for you to change those things was to use a custom.css

Lesson 11 – Part 6 – Add a Contact Form to Genesis Using Contact Form 7

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

The next thing we're going to do is create a contact form and put it on our page. We go back over to plugins and say, Add New, we will search for Contact Form 7 and install it. There are lots of other plugins that you could use but Contact Form 7 is very powerful,

Lesson 11 – Part 5 – Make the Genesis Header Image Responsive

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

This Genesis theme is nice and responsive. See how this drops down, it gets nice and smaller, things collapse, widget areas collapse and so it can fit in a smaller environment or a smaller space. But the one thing that it doesn't do this is this image here in the header. If you have a

Lesson 11 – Part 4 – The Genesis Featured Page Widget

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Since we're talking about featured images for our Genesis theme site, we have one last thing to do and that is to put the right widgets in this area. We’re going to add the Genesis theme’s Featured Page Widget to the site. We can put any widget we want in this area but we're going

Lesson 11 – Part 3 – Add the Genesis Responsive Slider

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to do and probably the most interesting part of the session tonight is going to be dealing with and installing the Genesis Responsive Slider. The Genesis Responsive Slider is this thing here and it is such that it changes size as the size gets smaller and smaller and the image

Lesson 11 – Part 2 – Add The Welcome Message to the Home Page

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

The first thing we're going to do is add the welcome message to our Agency theme home page. We want to come back over here and open up our Home Welcome Sidebar. These are all sidebars so you can pretty much put anything in there you want. You could put a whole block of text

How to Reduce the Space Between the Page Title and the Amazon aStore in Genesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to reduce the space between the page title and the Amazon aStore in Genesis. We identify what causes the space using the tool FireBug and discuss how to customize the settings for the header defined inside the aStore to get rid of the space. Member: This is… you just

How to Change the Background Image and Color in Genesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to set the background image and color in Genesis. We customize display options by setting a background image, tile it horizontally and set a background color. The background color covers the entire background while the background image is just where we tell it to be. Genesis has its own

Lesson 8 – Part 4 – Add a Background Image and Color

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to talk about is how to add a background image and background color to your professional/business Agency Child Theme website. To start that off, we're going to talk about the way Agency is set up by default. The way this works by default in the Agency child theme is that

Lesson 8 – Part 3 – Setup the Genesis Header

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

The next thing we're going to do is set up and configure the Genesis Theme header. We just want to briefly recap the header configuration. You've got the Full Width Header as a possibility or you've got the widgetized header as a possibility with a logo and a header. The way you make a difference

Lesson 8 – Part 2 – Set Up the Site Layout Using Theme Settings

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

What we're going to do next is set up the appearance of the site first using the theme settings. If we go into the dashboard here, there are settings for this theme in two locations. There are the Genesis Theme settings and there are the WordPress Appearance Settings. We'll talk about how the WordPress Appearance

Lesson 8 – Setup the Appearance of your Site Using the Genesis & WordPress Theme Settings

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

In Lesson 8 of our Build a Professional Website Using the Genesis theme and WordPress course we show how to set up the appearance of your professional services/small business websiteusing Genesis and WordPress theme settings. We show how to set up the site layout using theme settings. Then we look at the Genesis theme header