You can see an example of an Instagram page here.
How to set up an Instagram page?
- Go to Pages > click on "New page"
- Add "Instagram" as the title
- Click on the first icon from left to right and select "HTML view"
- Copy the HTML below and add it to the page
- To change the background, change the color highlighted in red
- 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>