Lindley Homepage Widgets

To set up the Lindley theme homepage just like the demo, follow the steps below. Go to Appearance > Customize > Widgets.

Note: You can skip having to do this manually, by importing the demo widget content.

Home Hero

Add a ‘Custom HTML’ widget and enter:

<div class="container">
<img src="ENTER AN IMAGE URL HERE" alt="Lindley Theme" style="width:100%;">
<div class="centered">
<em><h2>Welcome To Lindley Chic</h2></em>
<a class="button white center" href="#">Learn More</a>
</div></div>

Home Optin (Newsletter Widget)

This widget displays your newsletter opt-in form. You will need to have the Genesis eNews plugin installed.

In the newsletter widget space, add the ‘Genesis eNews widget’ and set it up following the steps in this post.

 

Home Slider

The demo doesn’t display a slider, but you could add one if you like. Instructions on using sliders can be found here.

 

Home Page 1

Add a ‘Custom HTML’ widget and enter:

<img class="wp-image-1060 size-full alignleft" src="https://lindley.femininethemes.com/wp-content/uploads/2020/04/lindley-chic-feminine-Wordpress-themes-300x300.png" alt="lindley chic feminine WordPress themes" width="500" />
<br><div id="peachbox"><span class="handwritten" style="font-size: 50pt;">Lindley Theme</span>
<br>Lindley Chic is a feminine WordPress theme designed for bloggers, online shops, service businesses, and course creators.
Built by <a href="https://sugarandcode.com/" target="_blank">Sugar+Code</a></div>

Home Page 2

Add a ‘Custom HTML’ widget and enter:

<div id="motto"><h5>WHAT WE DO</h5>
<h3><em>This is a spectacular place to put your company motto or mission. </em></h3>
</div>

Home Page 3

Add a ‘Custom HTML’ widget and enter:

<span class="handwritten" style="font-size: 50pt;">With Love</span>
<img class="wp-image-1240 size-full alignright" src="https://lindley.femininethemes.com/wp-content/uploads/2020/04/lindley-chic-theme-sugar-and-code-feminine-wordpress-template-600.png" alt="Leah lifestyle simple feminine wordpress theme" width="500" data-pin-nopin="true" /> Lindley Chic offers everything you need to giveyour website a beautiful, modern and professional look.
<ul class="checkmark">
<li>Woocommerce Optimized</li>
<li>Custom Widgets &amp; Code</li>
<li>Logo Kit Included</li>
<li>Mobile Responsive</li>
<li>Customize The Colors</li>
<li>Tons Of Homepage Widgets &amp; So Much More</li>
</ul>
<a class="button" href="https://sugarandcode.com/lindley/">Purchase Theme</a>

Home Page 4

Add a ‘Custom HTML’ widget and enter:

<span class="handwritten" style="font-size: 50pt;">My Shop</span>
[products limit="3" columns="3" orderby="popularity" ]

Home Page 5

Add a ‘Custom HTML’ widget and enter:

<div align="center"><img class="alignnone size-medium wp-image-1207" src="https://lindley.femininethemes.com/wp-content/uploads/2020/04/mashable-300x53.png" alt="" width="500" /> <img class="alignnone size-medium wp-image-1208" src="https://lindley.femininethemes.com/wp-content/uploads/2020/04/forbes-300x79.png" alt="" width="100" /> <img class="alignnone size-medium wp-image-1209" src="https://lindley.femininethemes.com/wp-content/uploads/2020/04/huffpost-300x35.png" alt="" width="200" /> <img class="alignnone size-medium wp-image-1210" src="https://lindley.femininethemes.com/wp-content/uploads/2020/04/entrepreneur-logo-300x114.png" alt="" width="200" /></div>

Home Page 6

The home page 6  widget uses both a custom HTML widget, and a featured posts widgets.

1. Add a ‘Custom HTML’ widget and enter:

<span class="handwritten" style="font-size: 50pt;">Trending On The Blog</span>

2. Add a ‘Genesis Featured Posts’ widget and set it up as pictured:

Home Page 7

Add a ‘Custom HTML’ widget and enter:

<div class="one-third first column-one">
<br>
<ion-icon name="book-outline"></ion-icon>
&nbsp;
<h3>Our Blog</h3>
<a class="button" href="https://lindley.femininethemes.com/blog/">Read It</a>
</div>
<div class="one-third column-two">
<br><ion-icon name="heart-outline"></ion-icon>
&nbsp;
<h3>Our Shop</h3>
<a class="button" href="https://lindley.femininethemes.com/shop/">Shop Now</a>
</div>
<div class="one-third column-three">
<br>
<ion-icon name="desktop-outline"></ion-icon>
&nbsp;
<h3>Our Services</h3>
<a class="button" href="https://lindley.femininethemes.com/contact/">Book Me</a>
</div>

Footer Social Links

Install the Simple Social icons plugin, add it to Footer Social Links widget, and enter your social links.

Instagram Feed

1) Install and activate the Instagram Feed plugin.

2)  Add an HTML widget to the Instagram widget, and paste the shortcode: [instagram-feed]

 

Footer 1 Widget & Footer 3 Widget

The demo uses a navigation menu widget in both these areas.

Footer 2

The demo uses an image widget in this area.