Docs

Anchored Design

Widget Areas

Header Settings

This document last updated on:

Header Navigation Menus

The background color for the header section is assigned in the Theme Colors Customizer Settings.

Assign the Standard Header Menu

  1. Go to Appearance > Menus
  2. Create a new menu and name it appropriately – example: “Header Menu”
  3. Add menu items to the list on the right side
  4. Check the box to assign this menu to the “Header Menu” location
  5. Click Save Menu to save your changes

Header Widgets

By default, Recipe Blogger includes Simple Social Icons, Genesis eNews Extended and Search on Header Right Area.

#1. Simple Social Icons

Go to Appearance > Widgets >Header Right – Drag and Drop Simple Social Icons to Header Right

Settings for Simple Social Icons

  1. Icon Size: 26
  2. Icon Border Radius: 3 or 0
  3. Icon Color: #333333
  4. Icon Hover Color: #666666
  5. Icon Background Color Just Reset so it take transparent background
  6. Icon Background Hover Color Just Reset so it take transparent background
  7. Set your Social Urls as needed.

 

#2. Genesis eNews Extended

If this widget is included on Header Right then you can see “Subscribe” Button on header and on Click on that button Subscribe Form will Open. This is how its included in Theme

Settings for Genesis eNews Extended

  1. Title: NEVER MISS A POST
  2. Before Text: Lorem ipsum dolor sit amet, consectetuer.
  3. Form Action: #(please set correct action as per your email marketing tool)
  4. First Name Field: fname
  5. Email Field: Email
  6. First Name Text: ‘First Name’
  7. Email Text: ‘Email’
  8. Button Text:  ‘SiGN ME UP!’

#3. Search

Drag and drop search widget to Header Right and thats Done!

Demo Header Widgets

If you use the optional One-Click Theme Setup feature, demo widget content will automatically be added for you like below.

 

Footer Widget Settings

This document last updated on:

The Recipe Blogger Theme includes three widget areas on Footer, which are output directly above the Footer Social Menu. The footer widgets can be used to show visitors useful information, and will be shown on every page of the website.

#1 Footer 1

1. Text Widget

This widget contains text to edit. Copy and Paste this text and Edit as needed.


<h4>Recipe Blogger</h4>

A Genesis Recipe Child Theme

 

2. Simple Social Icons

Drag and Drop Simple Social Icons to Footer 1

Settings for Simple Social Icons

  1. Icon Size: 26, Icon Border Radius: 3 or 0
  2. Alignment: Center
  3. Icon Color: #333333, Icon Hover Color: #666666
  4. Icon Background Color Just Default so it take transparent background, Icon Background Hover Color Just Default so it take transparent background
  5. Set your Social Urls as needed.

3. Search Widget

Just Drag and Drop Search Widget to Footer 1 and done

#2 Footer 2

1. Genesis – eNews Extended

 

Settings for Genesis eNews Extended

  1. Title: NEVER MISS A POST
  2. Before Text: Lorem ipsum dolor sit amet, consectetuer.
  3. Form Action: #(please set correct action as per your email marketing tool)
  4. First Name Field: fname
  5. Email Field: Email
  6. First Name Text: ‘First Name’
  7. Email Text: ‘Email’
  8. Button Text:  ‘SIGN ME UP!’

#2 Footer 3

1. Categories

Just drag and drop Categories Widget to Footer 3 and Add Title: Categories and its Done.

Demo Widgets

If you use the optional One-Click Theme Setup feature, demo widget content will automatically be added for you. The demo widget areas each contain a text widget.

Sidebar Settings

This document last updated on:

By default, Recipe Blogger includes Primary Sidebar and Front Page Sidebar to specific to Homepage. For our theme we made them Identical so we just discuss Sidebar settings here

#1. Genesis – User Profile

 

Setting for User Profile

1. Select a User so his/her Gravatar Image will be shows

2. Gravator Size: We added Extra Large 2 size with 240px in theme so please choose that so image looks like right now in our theme

3. Alignment:None

4. You can use Author Bio or Custom Text.
Currently we added custom with heading.

<h3>Welcome to my blog!</h3>

Use this section to tell us about
you. This helps your reader connect
with you personally.

#2. Simple Social Icons

Please reference Footer 1 widget settings for this and edit text as needed.

#3. Search Widget

#4. Genesis – eNews Extended

Please reference Footer 2 widget settings for this and edit text as needed.

#5. Categories Widget. Add it with Title: “Categories”

NOTE: Front Page Sidebar have same set of widgets and settings just not have categories widget.

Demo Widgets

If you use the optional One-Click Theme Setup feature, demo widget content will automatically be added for you for Sidebar and Front Page Sidebar.

Before Footer Widgets

This document last updated on:

Here we display Instagram Feed.

If you already installed demo then plugin for showing feed already installed otherwise

#1. Install Plugin

Plugins > Add New > Smash Balloon Instagram Feed > Install > Activate

#2. Connect Your Instagram Account or add Token

Admin > Instagram Feed

1. Connect Account

2. Save Changes

 

3#. Show Instagram Feed to Before Footer Widgets

Appearance > Widgets

1. Add Custom Html to Before Footer Widgets

2. Add Title

3. Add Below Shortcode to Custom HTML to show Feed like we are showing on our theme. For more customization please check Customize tab on Instagram Feed Settings.

[instagram-feed showbutton=false showheader=false showfollow=false showbio=false cols="5" num="5"]

Top Bar/Before Header Widgets

This document last updated on:

The Recipe Blogger Theme includes one widget area before Header call Top Bar Before Header

We set subscribe bar here but here we can set any simple text with text widget too and call to action button

Genesis – eNews Extended

Settings for Genesis eNews Extended

  1. Title: Subscribe
  2. Before Text: Lorem ipsum dolor sit amet.
  3. Form Action: #(please set correct action as per your email marketing tool)
  4. First Name Field: fname
  5. Email Field: Email
  6. First Name Text: ‘First Name’
  7. Email Text: ‘Email’
  8. Button Text:  ‘SIGN ME UP!’