Take 20% off Themes and Services SUBSCRIBE

Docs

Anchored Design

Blogger Theme

Footer Widget Settings

This document last updated on:

The Blogger Theme includes 4 widget areas on Footer as default, which are output directly above the Footer if set. Footer can be used to show visitors useful information, and will be shown on every page of the website.

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

#1 Footer Widgets

  1. Go to Appearance > Widgets
  2. Add widgets of your choice to Footer 1 and Footer 2 widgets areas.
    Note: By default theme demo adding 4 widget areas
  3. To change footer widget areas go to  Appearance > Theme Settings > Footer  and update “Footer Widgets Columns” settings

1. Footer 1

Add your site logo with Image Block

2. Footer 2

  1. Add Heading H3

2. Add List with links to your important pages or posts

3. Footer 3

  1. Add Heading H3

2. Add List with links to your important pages or posts

3. Footer 3

  1. Add Heading H3

2. Add List with links to your important pages or posts

4. Footer 4

  1. Add Heading H3

2. Add List with links to your important pages or posts

3. Social icons with below settings

  • Add social icons with links
  • Align center
  • Select “Logos Only” style
  • Background color #000000

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.

After Entry Widgets

This document last updated on:

If you already installed demo then plugin for showing related posts already installed otherwise

Show Related Posts

We are showing related posts of current post’s categories with random order with help of Display Posts Shortcode Plugin

  1. Add Heading h4 with Additiona CSS Class(es) “widget-title” to After Entry Widgets
  2. Add Custom Html to After Entry Widgets
  3. Add Below Shortcode to Custom HTML to show Related Posts like we are showing on our theme. 
    • Parameters:
      • posts_per_page: 3
      • wrapper: div
      • tax_term: current (to shows posts under current post’s categories)
      • image_size: genesis-featured-square
      • class: one-third
      • orderby: rand (to show in random order)
      • taxonomy: category (for other post type archive any other taxonomy can be used)

Column Classes to use

  • 2 Columns: “one-half”
  • 3 Columns: “one-third”
  • 4 Columns: “one-fourth”
  • 6 Columns: “one-sixth”
[display-posts  posts_per_page="3" wrapper="div" tax_term="current"  image_size="genesis-featured-square" class="one-third" orderby="rand" taxonomy="category"]

Footer Copyright

This document last updated on:

The footer copyright text is seen at the very bottom of every page. By default, this text includes a copyright message for the current year, Blogger Theme and link to  AnchoredDesign.

This is all now can be edited directly on Customizer.

Appearance > Customize > Theme Settings > Footer

  1. Footer Widgets Columns, Default: 4 Appearance > Widgets > Footer 1 to 4
  2. Footer Copyright text
  3. Before Footer Copyright Tagline

Update copyright as needed

[footer_copyright before=" "] · Blogger Theme · <a href="https://www.anchoreddesign.com" target="_blank">Website Design by Anchored Design</a>

Footer Copyright is not getting updated?

Please update your theme to latest version >= 1.1.5

or update code

Blogger-theme/functions.php

Line 659 – Replace following

$footer_text = $creds . get_theme_mod('genesis_footer_text', $childthemesettings['footer_text']);

To

$options = get_option('genesis-settings');
$footer_text = $options['footer_text'];

NOTE: If you have Genesis Simple Edits Plugin installed, Settings to edit footer goes to Admin > Genesis > Simple Edits

Site Layout Extra

This document last updated on:

We have added some options those are common to site and give you more control over  your site.

Appearance > Customize > Theme Settings > Site Layout

1. Site Layout its Genesis Default Layout Settings

Layouts Available Are

  • Content, Primary Sidebar
  • Primary Sidebar, Content
  • Full Width Content

2. Enable Search on Mobile Header

3. Search Input Text

3. Breadcrumb Text: That shows on breadcrumb start. Ex: “You are here:”. Default for Theme is blank

4.Breadcrumb Separater: “/” or choose your own

Page/Post with or without sidebar

This document last updated on:

Yes, Page/Post layout can be changed to have sidebar or full width.

  1. Edit any post/page
  2. Go to Genesis Settings tab on Sidebar Settings besides Publish/Update Button
  3. Change Layout to Full Width Content or Content, Primary Sidebar as required

About Page Guide

This document last updated on:

If you use the One-Click Theme Setup, then the demo homepage will automatically be created for you using Gutenberg editor blocks. You can learn more about Genesis Blocks by going to the plugin page.

To edit the Homepage, go to Pages > Home.

Everything we set with Container and Columns using Genesis Blocks

Custom CSS Classes

Some blocks have limitations or settings which are not yet available to configure so added Custom CSS Classes for some Blocks.

Page Settings

  1. Select “Genesis” Icon and you will see other setting for genesis
  2. Hide Title: Enabled
  3. Layout: Full Width Content

#1. Top Section

  1. Container
    1. Align Full width
    2. Padding Top 4% and Padding Bototm 1%
    3. Margin Bottom 2%
    4. Container Width 800px
    5. Background Color #fcefeb
  2. Inside Container
    1. Heading H1 “About” and align center

#2 Quote Seciton

  1. Quote Block and write your favorite quote
  2. Space with Height 50px
  3. Buttons Block with one button and Justify Items Center

#3 Misson Section

  1. Heading H2 “Our Mission” with align center
  2. Paragraph text
  3. Quote Block with your favorite quote

#4 Team Section

  1. Heading H2 “Our Team” and align center
  2. Profile Box Block for your team display with settings below

#5 Authors Section

  1. Heading H2 “Other Blog Authors” and align center
  2. Columns 2 50/50 Size
  3. Inside each column
    1. Profile Box Block for your author display with settings below
    2. Additional CSS Class(es) “ourteam stacked”, “stacked” to display profile image stacked above content