Agruco – Edit Footer

Agruco Footer

Edit the footer content

1. Home Pages' Footer

Please go to Admin > Agruco Options > Templates > Edit Home page / Home 2 / Home 3 > Layout

  • Home page template is assigned to Home version 1
  • Home 2 template is assigned to Home version 2
  • Home 3 template is assigned to Home version 3

In the layout section, you're supposed to scroll down to edit the Footer elements.

2. Inner pages' footer

Inner pages are assigned to other prebuilt templates: Inventory, Full-width, No Sidebar, and Shop

First, you should check which template the page is assigned to. (By editing a page, check "Templaza options" to find out which template style your page is assigned to.) 

Ex: Service page is assigned to Full-width template, so you're supposed to edit the layout of this template, then changes will reflect properly in front-end. 

How to have the same footer on all pages without editing different templates

In this case, you should edit the footer content of a template (ex: Home page template), then click "Save Section" 

After that, the Footer section will be saved as a sample in the template library

When editing a footer of other templates, you can click add new section > Select the save Footer section in library. This step will save a lot of time 

Widget

Widget Settings
Widget 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. Widget: Select a widget available in the list. And configure options of the selected widget that appears right below. 
  3. Widget title HTM element: Choose a 
  4. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  5. Custom class: Write the class name used for writing custom CSS or JS.
  6. Custom ID: Give a custom ID to override the auto-generated ID
Design Settings
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 Woocommerce Products

WP Woocommerce Products Settings

Under this tab the options are as follows:

  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: Select a widget that is available in the drop-down list.
  3. Widget title HTML element: Select a HTML element for widget title.
  4. Number of products to show: Set the number of woocommerce products that you want to show.
  5. Show: There are 3 available options: All Products, Onsale Products, and Featured Products. Choose a product option to show from the list.
  6. Order by: Choose one of order type that products will be sorted by (Date, Randon, Price or Sales)
  7. Order: Select the ordering of how woocommerce products will be ordered. The result will be displayed in ascending or descending order.
  8. Hide free products: If you created free products with woocommerce, but do not want them to be visible in front-end. Just enable this option.
  9. Show hidden products: Enable this option if you want to show hidden products.
  10. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  11. Custom class: Write the class name used for writing custom CSS or JS.
  12. 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 Archives

WP Archives 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. Drop-down: Check this box to display the months on a single line, as a drop-down menu, rather than as a list. This is handy if you want to save space or have a lot of blog posts.
  3. Show post counts: If this box is checked, the total number of posts published during that month will be displayed next to the link.
  4. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  5. Custom class: Write the class name used for writing custom CSS or JS.
  6. 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. 

UI Image

UI Image Settings

Under this tab, there are the following options:

  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. Select Image: click to upload an image from your media library.
  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. 

WP Categories

Please navigate to Theme Options > Settings > Layout > Add Element > Add “WP Categories“.  When editing this element, you’ll see the following settings:

WP Categories 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. Widget title: This option will allow you to add a title to the menu block.
  3. Dropdown: Enable this option to display the categories in a drop-down menu rather than as a list. This is handy if you want to save space or have a lot of categories.
  4. Show post counts: If this box is checked, the total number of published posts for that particular category will be displayed next to the link. You can show post counts with both the list and dropdown menu formats.
  5. Show hierarchy: If you have parent and child categories (subcategories within main categories) you can choose to display the hierarchy. You can show category hierarchies with both the list and dropdown menu formats.
  6. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  7. Custom class: Write the class name used for writing custom CSS or JS.
  8. 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 Recent Posts

WP Recent Posts 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. Widget title: Sets the title that will display above the recent posts in the sidebar. (e.g., Latest Posts, What’s New).
  3. Number of posts: Limits the number of posts to display. (If you have fewer posts than the limit, that number of posts will show.)
  4. Display post date: Shows or hides the published date of the post.
  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 Menu

WP Menu 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. Widget title: Sets text that will display immediately above the custom menu in the sidebar.
  3. Widget title HTML element: Select a HTML element for widget title.
  4. Widget title style: Choose a heading style for the widget title. The heading styles differ in font size but come with the same predefined font and color.
  5. Menu: Use this to choose which of your custom menus to display. If you haven’t already created a custom menu, you’ll need to do that first on the Menus page.
  6. Enable submenu: If this option is enabled, the widget will show both main menu items and submenus in the front-end. Leave it disabled if you do not want them to appear.
  7. Style: Select a style from the list.
  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. 

Breadcrumb

Breadcrumb 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. Show breadcrumb in a single post: this option will allow you to display breadcrumb in a single post. If you do not need it, just leave it disabled.
  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. 

Contact

Please go to Theme options > Settings > Miscellaneous > Contact and enable the option "Contact Info". Then you'll be able to configure related options. 

Contact info options

Please go to Layout > Add Element > Select Contact element. When editing this element, you'll see the following settings:

Contact 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.