Click here to preview the custom "About" page.
Important note! Since the page is built with custom HTML, always edit in "HTML View"! Editing in "Compose View" will most likely add some unnecessary space and mess up the layout.
- Go to your blog dashboard > Pages
- Click on "+ New Page" > give it a title (About, About Me, etc)
- Click on the "<>" icon from the little menu and select "HTML View" (this is important!)
- Copy the code below and paste it in the page
How to edit?
- Red - this is the script text on the top left side of the image
- Blue - remove this and upload your image in its place
- Green - this is your title
- Magenta - this is your subtitle
- Purple - add text to the 2 paragraphs; to add more, add <p> + </p> and add your text between them
- Teal - the "connect" title above the social icons
- Brown - replace LINK with the links to your social media profiles (if you want to add more social icons, click here for instructions)
<div class="about-page-wrap">
<div class="about-script">baby, i compare you to a kiss from a rose on the grey</div>
<div class="about-image">
<!-- upload your image here -->
</div>
<div class="about-title">
<h1>Chloe Bean Smallwood</h1>
<h3><em>the girl behind the aesthetic, inspiration and experience</em></h3>
</div>
<div class="about-text">
<p>Text in Paragraph 1</p>
<p>Text in Paragraph 2</p>
</div>
<h6>connect</h6>
<div class="social-icons">
<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>
<a href="LINK" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
</div>
<style>.entry-header{display:none!important;}</style>