Drea — Links Page

You can see the Links page here. You can add it to your social media profiles for quick access to important pages & other social media platforms.

Set up a Links page

1. Go to Pages > click on "New page"
2. Add Links 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 width, change 460px
6. To change the background, change the color highlighted in green
7. To change the color of the h5 heading, change the color highlighted in blue
8. To add an image, upload it > copy the url (the link from img src), copy it and replace IMAGEURL with it

<style>.site-navigation,.site-header,.sidebar,.post-header,.comments,.footer-widgets-wrap,.before-footer-wrap,.after-footer-wrap,.site-footer,.back-to-top{display:none!important;}.container-inner{display:block!important;}
.container-inner { max-width: 460px; padding: 60px 0; }
body { background-color: #f6ecec; }
.links-text h5 { color: #c68383; }
</style>

<div class="links-image links-section">
<img src="IMAGEURL"/>
</div>

<div class="links-text links-section">
 <h5>Add a subtitle</h5>
 <h2>Add a title</h2>
 <p><em>Add your text here.</em></p>
</div>

<div class="links-social-icons links-section"> 
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
</div>

<ul class="links-menu links-section">
<li><a href="LINK">Title</a></li>
<li><a href="LINK">Title</a></li>
<li><a href="LINK">Title</a></li>
</ul>