How to Set Up the Footer

Same as the sidebar, you can do aaaaanything you’d like with the footer and add the widgets you want, but I’ll show you how to set it up like the demo!

The footer is made of three widget sections, which take around 30% of the space each. Don’t worry if you don’t see Footer 2 and Footer 3 in the widgets when you get started, they only appear if you add content to Footer 1 (it’s a bit weird, but it’s just how Genesis works!)

• In the Admin Dashboard, go to Appearance > Customize
• Go to Widgets > Footer 1 and click on Add a Widget
• Add a Text widget with the content you’d like. To add a button, add the following code: <a href="URL" class="button">Button Content Here</a> and make sure to change the URL part with the link to where you’d like the button to go, as well as the Button Content Here since that’s the text that’s going to be on your button.
• In Widgets, select Footer 2 and click on Add a Widget
• Select a Genesis eNews widget and set it up using this tutorial.
• In Widgets, select Footer 3 and click on Add a Widget
• Select a Search widget

You are totally free to do whatever you’d like to with the sidebar, but here’s how to set it up like the demo website.

• In the Admin Dashboard, go to Appearance > Customize
• Go to Widgets > Primary Sidebar (Make sure you’re on a page where the sidebar is showing, otherwise you won’t see it in the widgets. If you want to add widgets to the sidebar without it showing on the website, you can also do these steps in Appearance > Widgets. But I just like the Customizer better in general, you get to see what you’re doing!)
• Click on Add a Widget and select a Text widget. To add an image, you will have to use this code: <img src="URL"> and replace URL with a link to your image. To find the URL of your image, scroll to the tutorial below.
• Add your bio to the Text widget
• Next, add a Simple Social Icons widget and add the URLs of your favorite social media
• Add a Genesis eNews Extended widget and use this tutorial to set it up properly depending on your mailing list provider
• Add a Search widget
• Add a Text widget and just type the Instagram Feed shortcode [instagram-feed] (Note that you can play with the shortcode to show your feed differently in the Instagram Feed settings

Again, remember that you can insert as many widgets as you’d like, in the order that you’d like! You really don’t have to do like the demo site. Let your personality shine through, you have so many options! 😉

 

How to find the URL of your images

• In the Admin Dashboard, go to Media
• If you haven’t uploaded your image already, click on Add New and select your file
• Once it’s uploaded, click on the image to get more information about it.
• The first field that’s greyed out is your URL!
• Triple click on it and it will select the whole line.
• Copy it and paste it in the code above or anywhere you’d like!

To get the same look at the Adelle demo, there are a few modules we have to set up first. I’ll also let you know of a few different configurations you can do.

 

Set up like the demo

• In the Admin Dashboard, go to Appearance > Customize
• In the Adelle Settings, make sure the Homepage Post Carousel is set to Display
• In the Customizer, go to Widgets > Homepage and click on Add a Widget
• Select Genesis eNews Extended and set it up properly (Find the appropriate tutorial for your mailing list provider here!)
• In the Admin Dashboard, go to Settings > Reading and in the Front Page Display settings, make sure Your Latest Post is checked.

 

Set up without a blog

• In the Admin Dashboard, go to Appearance > Customize
• In the Adelle Settings, make sure the Homepage Post Carousel is set to Display
• In the Customizer, go to Widgets > Homepage and click on Add a Widget
• Select Genesis eNews Extended and set it up properly (Find the appropriate tutorial for your mailing list provider here!)
• In the Admin Dashboard, go to Settings > Reading and in the Front Page Display settings, make sure A Static Page is checked and select the page you want to be your homepage (usually that’s just an empty page called Home)

 

Set up with a different slider plugin

• In the Admin Dashboard, go to Appearance > Customize
• In the Adelle Settings, switch the Homepage Post Carousel to Don’t Display
• Install the slider plugin of your choice
• In the Customizer, go to Widgets > Homepage and click on Add a Widget
• Add the slider as a widget, either as a shortcode in a Text widget, or as an already working widget.
• Add the Genesis eNews Extended and set it up properly (Find the appropriate tutorial for your mailing list provider here!)
• In the Admin Dashboard, go to Settings > Reading and in the Front Page Display settings, make sure Your Latest Post is checked.

Please note that we don’t support third-party plugins, so if you do decide to install another slider plugin, we won’t be able to help you set it up properly. You will have to hire someone to help you out with this if it doesn’t work.

The Above Header Area is the section at the top of the website, above the purple line. This area is made of two sections, which take 50% of the screen.

To get the same layout at the demo, here’s how we did it:

• In the Admin Dashboard, go to Appearance > Customize
• Select Widgets > Above Header Left
• Click on Add a Widget and select a Custom Menu
• Add the menu you want for this section (you can create a new menu under Appearance > Menu)
• Click the arrow back and go to Above Header Right
• Click on Add a Widget and select Search
• Click on Add a Widget again and select Simple Social Icons
• Add the URL to your favorite social medias and change the colors to fit with the rest of your website
• Click on Save and Publish

This is how we did it, but you don’t have to do the exact same thing! If you want to flip the menu and the social icons, go ahead! If you’d like to have an announcement, add a Text widget. If you’d rather not have the search box or you have a different widget you like for social icons, go for it!

Make sure you have all your pages, posts, and categories created before you do this step. It will make the process much simpler if your content is ready (even though it can totally be empty!)

• In the Admin Dashboard, go to Appearance > Menus
• Give a name to your new menu if you haven’t created one (“Main Menu” is a great name!)
• Add whatever content you need by using the left sidebar. Keep in mind that you can select categories, which will show only your posts tagged under that category! (Great idea if you want to achieve something like the demo theme)
• Once your menu is ready, check the Primary Navigation Menu under Display Location. This will make that exact menu show up in the main menu area!

After everything is installed and you have some content up, it’s time to set up the theme to match you! That means changing up the colors and playing with the settings available.

• In the Admin Dashboard, go to Appearance > Customize
• The first section will be called Adelle Settings. Click on it!

These are the options available to you. You can change the main color, which is currently purple, and the accent color, which is currently dark grey.

You will also be able to change the size of the header text if your title is longer and decide if you want to display the post carousel that comes with the theme or not.

If you wish to change the color of a specific item on your website, you won’t be able to do it with the customizer. If that’s something you want to do, you can either change it yourself by editing the style.css file, or you can hire us to install and customize your theme for you by buying our Customization Package.