Profiles

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.

  1. Go to Layout
  2. Open the "Profile Image" widget or "Profile Image 1" and "Profile Image 2" widgets, if the section has 2 images
  3. Upload your image(s)
  4. 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

  1. Go to Layout
  2. Open the "Profile Text" widget
  3. 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
  4. 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.

  1. Go to Layout
  2. Scroll down to the Sidebar column and open the Image widget (it should be the first widget)
  3. Upload your image
  4. Add your title to the Title field
  5. Add your text to the Caption field

No comments:

Post a Comment