Copyright

Adding the copyright element in the layout to locate an appropriate position where to place a copyright disclaimer with the copyright icon and current year on your site. 

At first, please go to Theme options > Settings > Miscellaneous > Copyright and enable the option "Branding". Then you'll be able to configure related options. 

Copyright option

After that, please go to Layout > Add Element > Select Copyright element. When editing this element, you'll see the following settings:

Copyright Settings
  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  3. Custom class: Write the class name used for writing custom CSS or JS.
  4. Custom ID: Give a custom ID to override the auto-generated ID
Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link. 

Header

Header Settings

  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  3. Custom class: Write the class name used for writing custom CSS or JS.
  4. Custom ID: Give a custom ID to override the auto-generated ID

Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link. 

Heading

Heading Settings

  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Enable custom heading: Turn on this option to allow a custom heading to be shown.
  3. Custom heading: Write a custom heading here. Leave it blank if you don't need a custom heading. 
  4. Heading tag: choose an HTML heading that is defined with the defines the most important heading.  the least important heading.
  5. Heading inner tag: If yes, the heading will be added span tag to the heading tag.
  6. Show heading in a single post: Enable this option to display the heading in a single post. Leave it disabled if you don't need it. 
  7. Heading custom class: write a custom class that will be added to the heading tag.
  8. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  9. Custom class: Write the class name used for writing custom CSS or JS.
  10. Custom ID: Give a custom ID to override the auto-generated ID

Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link. 

Sidebar

Sidebar Settings

  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Sidebar: Select a sidebar that contains a predefined widget.
    – You can go to Admin > Appearance > Widgets > Edit your widget. Just toggle the widget, click “add block” to see all widget elements. Simply drag & drop elements from the left to the right and
  3. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  4. Custom class: Write the class name used for writing custom CSS or JS.
  5. Custom ID: Give a custom ID to override the auto-generated ID

Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box “transparent” if you don’t want a background color.
    Background repeat: sets if/how a background image will be repeated.
    Background size: specifies the size of the background images.
    Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    Background position: sets the starting position of a background image.
  2. Upload an image if you’re interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left.
    – There are many border styles including solid, dashed, dotted, double.
    – Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link.

Social

This guide will walk you through how to add social media buttons to your sidebar or footer so people can connect with you through your preferred social networks.

Social Settings

  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  3. Custom class: Write the class name used for writing custom CSS or JS.
  4. Custom ID: Give a custom ID to override the auto-generated ID

Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link. 
How to Add the Social Icons Widget

To add the widget to your site:

  1. In your dashboard, click on Appearance → Customize → Widgets.
  2. Choose the location where you’d like to place the widget on your site. Common options here include the Footer and Sidebar, but this may be different depending on each theme.
  3. Click either of the + block inserter buttons (see right) to see a list of all the available blocks and widgets.
  4. Scroll down to the Widgets section and click on the widget once to add it to your site.
Add block widget

Text Block

The Text element allows you to add text to your sidebar. It’s the most popular widget because of its power and flexibility. You can use one to display text, links, images, or any combination.

General
  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Widget title: This option will allow you to add a title to the text block. 
  3. Widget title HTML element: Select a HTML element for widget title.
  4. Text: Use this text field to add the content you want to display the block. You can insert media in this text field by clicking on the button "Add Media".
  5. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  6. Custom class: Write the class name used for writing custom CSS or JS.
  7. Custom ID: Give a custom ID to override the auto-generated ID
Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link. 

WP Tag Cloud

Please navigate to Theme Options > Settings > Layout > Add Element > Select "WP Tag Cloud". When editing this element, you'll see the following settings:

WP Tag Cloud Settings
  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the addon you have added. This will surely save you from a lot of hassles.
  2. Widget title: The title is displayed above the widget on your blog.
  3. Taxonomy: Select source for a tag cloud. There are different tag sources available, just select one from the list. 
  4. Show tag counts: If this option is enabled, you'll see the number of article count in a specific source. 
  5. Text align: This feature allows you to set the horizontal alignment of a text. Text can be left or right-aligned, or centered.
  6. Custom class: Write the class name used for writing custom CSS or JS.
  7. Custom ID: Give a custom ID to override the auto-generated ID
Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link.