• HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
  • HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
home/Knowledge Base/4. Annette Pro - Theme Settings/Annette Pro – How to edit Footer

Annette Pro – How to edit Footer

  1. Log in to your WP Admin panel.
  2. Navigate to Divi > Theme Builder > Edit Footer > Save changes.
  3. Import “AnnettePro-Theme-Builder.json” from “Demo archives” folder.
  4. Edit your Footer > Save changes.

https://www.support.helplovelyconfetti.com/wp-content/uploads/2020/11/AnnettePro-Footer.webm

 

How to configure Instagram feed:

  1. Once you’ve installed the plugin “Instagram Feed“,  click on the Instagram Feed item in your WordPress menu.
  2. Click on the large blue button to connect your Instagram account.

Configuration : Number of Photos: 3 ; Number of Columns:3 ; Header: Desactivated; “Load More” Button: Selected ; “Follow” Button: Activated;

Click on the User Timeline option, then click Next.

Select the Add New option.

 

 

3. Once you’ve connected your Instagram account, select your account > next

4. Navigate to the Customize page to customize your theme feed:

 

4. Navigate to the Customize page to customize your theme feed:

By default, feed is distributed in 20 columns with 20 photos, header, load more and follow button but you can customice it.

  • Configure Feed Layout and padding between images:

I´ve choosen 0 padding.

  • Configure Header, load more button:

In demo, I´ve desactivated header

And Load more button.

 

Customize button

 

5.Once you’ve customized your feed, go to All Feeds > Copy the shortcode ([instagram-feed feed=2]) into any page, post or widget where you want the feed to appear.

 

5.Once you’ve customized your feed, copy the [instagram-feed feed=1] shortcode into any page, post or widget where you want the feed to appear.

6. In DEMO I am using the Instagram feed in the footer and the code is already added. So you don’t need to add it

Go to Divi  > Theme Builder > Footer

 

Code added:

 

Related Articles
  • AnnettePro – How to Design a Blog Post Template
  • Annette Pro – Saving And Loading Sections In Divi
  • Annette Pro – Saving And Loading Layouts In Divi
  • Annette Pro – How to configure Contact Form
  • Annette Pro – How to Add Shop (WooCoommerce)
  • Annette Pro – How to give a Free Download to your Subscribers
4. Annette Pro - Theme Settings
  • Annette Pro – How to edit Footer
  • Annette Pro – Theme Options
  • Annette Pro – How to change global colors
  • Annette Pro – How to configure Header
  • Annette Pro – How to give a Free Download to your Subscribers
  • Annette Pro – How to Add Shop (WooCoommerce)
  • Annette Pro – How to configure Contact Form
  • Annette Pro – Saving And Loading Layouts In Divi
View All 9  

  Annette Pro – How to give a Free Download to your Subscribers

Annette Pro – How to configure Header  

  • Privacy Policy
  • Terms of Use
  • Copyright 2023. All Rights Reserved.