Not every theme has a home or sidebar profile widget.
01 Home profile
The instructions below apply only if the theme you've bought has a profile widget on the homepage.
Upload the image(s)
Recommended image size: 500-700px width x any height. The image will be cropped automatically.
- Go to Layout
- Open the "Profile Image" widget or "Profile Image 1" and "Profile Image 2" widgets, if the section has 2 images
- Upload your image(s)
- Don't remove or edit the title of the widget ("Profile Image") - it wont be displayed anywhere on the blog. It's just used to locate the widget in the Layout page
Add the text
- Go to Layout
- Open the "Profile Text" widget
- Don't remove or edit the profile-image div - this will be used to display the image(s) you've uploaded to the "Profile Image" widget
- Replace the content (title, text, link, link text) with your own
Rosamund
<div class="profile-image"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image" WIDGET -->
<div class="profile-content">
<h3>Add a title</h3>
<p>Add your text.</p>
<a class="profile-button" href="LINK">learn more about me</a>
</div>Ava
<div class="profile-image"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image" WIDGET -->
<div class="profile-content">
<h6>Add a subtitle</h6>
<h2>Add a title</h2>
<p>Add your text.</p>
<a class="profile-button" href="LINK">more about me?</a>
</div>Feijoa
<div class="profile-images"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image 1" AND "Profile Image 2" WIDGETS -->
<div class="profile-content">
<h2>Add a title</h2>
<p>Add your text.</p>
<a class="profile-button" href="LINK">right this way ➔</a>
</div>Imogen
<div class="profile-images"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image 1" AND "Profile Image 2" WIDGETS -->
<div class="profile-content">
<h5>Add a subtitle</h5>
<h2>Add a <span class="highlight-1">title</span></h2>
<p>Add your text.</p>
<a class="profile-button" href="LINK">more about me</a>
</div>Drea
<div class="profile-image"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image" WIDGET -->
<div class="profile-content">
<h5>Add a subtitle</h5>
<h2>Add a title</h2>
<p>Add your text.</p>
<a class="profile-button" href="LINK">get to know me!</a>
</div>Vendela
<div class="profile-image"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image" WIDGET -->
<div class="profile-content">
<h2>Add a title</h2>
<h5>Add a subtitle</h5>
<p>Add your text.</p>
<h5 style="margin-top:25px;">Let's be friends!</h5>
<div class="social-icons">
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></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>
</div>02 Sidebar profile
The instructions below apply only if the theme you've bought has a profile widget in the sidebar.
- Go to Layout
- Scroll down to the Sidebar column and open the Image widget (it should be the first widget)
- Upload your image
- Add your title to the Title field
- Add your text to the Caption field