Instagram Page

You can see an example of an Instagram page here.

How to set up an Instagram page?

1. Go to Pages > click on "New page"
2. Add "Instagram" as the title
3. Click on the first icon from left to right and select "HTML view"
4. Copy the HTML below and add it to the page
5. To change the background, change the color highlighted in red
6. To change the width, change 740px (or 500px)

Click on the name of the theme you bought to copy the Instagram page HTML.

Ava Theme

<style>.nav-left,.nav-right,.menu-toggle,.sidebar,.post-title,.comments,.footer-widgets-wrap,.before-footer,.after-footer,.site-footer{display:none!important;}.content{width:100%!important;float:none!important;}.site-header{display:block!important;}.header-widget h1,.header-widget p{text-align:center!important;}
.container-inner { max-width: 740px; }
</style>

<ul class="instagram-menu">
<li><a href="ADD-LINK">Add Title</a></li>
<li><a href="ADD-LINK">Add Title</a></li>
<li><a href="ADD-LINK">Add Title</a></li>
</ul>

<br />

<h3 style="text-align: center;">Elsewhere</h3>
<div class="social-icons"> 
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
</div>

Rosamund Theme

<style>#nav-primary,#nav-secondary,.sidebar,.post-title,.comments,.footer-widgets-wrap,.before-footer,.after-footer,.site-footer{display:none!important;}.content{width:100%!important;float:none!important;}
body { background-color: #f5f2f4; }
.container-inner { max-width: 740px; }
</style>

<ul class="instagram-menu">
<li><a href="ADD-LINK">Add Title</a></li>
<li><a href="ADD-LINK">Add Title</a></li>
<li><a href="ADD-LINK">Add Title</a></li>
</ul>

<br />

<h3 style="text-align: center;">Elsewhere</h3>
<div class="social-icons"> 
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
</div>

Feijoa Theme

<style>.site-nav,.nav-social-icons,.mobile-menu,.post-header,.comments,.footer-widgets-wrap,.before-footer,.after-footer,.site-footer{display:none!important;}.content{width:100%!important;float:none!important;}#site-navigation{background-color:transparent!important;position:relative!important;padding:0!important}#site-navigation-inner{display:block!important;padding:60px 0!important;}.site-header,.header-widget h1,.header-widget p{width:100%!important;text-align:center!important;}
body { background-color: #f5eee9; }
.container-inner { max-width: 500px; }
</style>

<ul class="instagram-menu">
<li><a href="ADD-LINK">Add Title</a></li>
<li><a href="ADD-LINK">Add Title</a></li>
<li><a href="ADD-LINK">Add Title</a></li>
</ul>

<br />
<br />

<div class="social-icons  instagram-social-icons"> 
<a href="ADD-LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
</div>