To insert this widget with scrolling images – see the steps below:

Go to Appearance -> Widgets -> Drag widget “Advanced Text” to the right where you want to be, and in the Text insert this code:

<section style=”margin-top: 50px;”>
<div class=”container mt-5″>
<div class=”row”>
<div class=”col-lg-7 mb-3″>
<div id=”mainCarousel” class=”carousel slide” data-ride=”carousel”>
<div class=”carousel-inner”>
<div class=”carousel-item active”>
<img src=”https://images.unsplash.com/photo-1588706838478-acc49b5d9fcf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=676&q=80” alt=”zen templates” class=”d-block w-100″>
</div>
<div class=”carousel-item”>
<img src=”https://images.unsplash.com/photo-1557592722-a0a649c8c5c6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80” alt=”zen templates” class=”d-block w-100″>
</div>
<div class=”carousel-item”>
<img src=”https://images.unsplash.com/photo-1540730820882-0812eb966b2d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80” alt=”zen templates” class=”d-block w-100″>
</div>

</div>
<a href=”#mainCarousel” class=”carousel-control-prev” data-slide=”prev” role=”button”>
<span class=”carousel-control-prev-icon” aria-hidden=”true”></span>
<span class=”sr-only”>Previous</span>
</a>
<a href=”#mainCarousel” class=”carousel-control-next” data-slide=”next” role=”button”>
<span class=”carousel-control-next-icon” aria-hidden=”true”></span>
<span class=”sr-only”>Next</span>
</a>
</div>
</div>
<div class=”col-lg-5″>
<h3>SAMPLE IMAGES</h3>
<p class=”lead”>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nisi dolores voluptas sit. Quia harum debitis fugit!
Veritatis a vero in laborum vel, explicabo tenetur repudiandae modi at dolorum architecto rem sequi suscipit maxime
unde similique, est impedit vitae nihil exercitationem?</p>
<a href=””>See for yourself <i class=”fa fa-arrow-right”></i></a>
</div>
</div>
</div>
</section>

To change the images, you should insert your own image URLs. After that – Save. And That’s it.

We improved our premium zen themes with a small feature: a customizer option to insert an Image as Footer Background.

Here is how to add an image as a footer background:

1. Login to your Admin Panel
2. Navigate to Left Menu -> Appearance -> Customize
3. Open ‘Colors’ Section
4. In left, scroll down and upload or choose Media library image for ‘Footer Background Image’
5. Save changes by clicking on ‘Publish’ button

A demo of the above, can be seen in our zengardenweddingpro wp theme demo: https://zentemplates.com/themepreview/zengardenweddingpro/

We are happy to announce that our Free Multi-Purpose WordPress Theme ZenEarth is now published at WordPress.org

ZenEarth

Best-selling Products:

We’ve just released our first free WordPress Theme – ZenEarth:

ZenEarth

Best-selling Products:

We’ve just released 3 new Premium WordPress Themes: ZenFirePro, ZenSkyPro, and ZenWindPro.

So far, we do not plan to release new premium themes. Instead of it, we will focus to improve the current 5 Zen themes more and more 🙂

Best-selling Products:

We’ve just released our first Premium WordPress Theme: ZenEarthPro:

Read More…

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.

Reference: https://codex.wordpress.org/Child_Themes

In some case you may need to create a child theme for our themes. Here are all of the necessary steps:

The good news is that our themes follow the official WordPress code guidelines. So, you can easily create a child theme, here are all of the necessary steps:

1. create a new folder for your child theme

2. add style.css file into your child theme folder. Here’s an example content for the file:

/*
Theme Name: tArt Child
Theme URI: https://tishonator.com/product/tart
Description: tArt Theme
Author: Tihomir Ivanov
Author URI: https://tishonator.com
Template: tart
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: tishonator
*/

3. Add functions.php file into your child theme folder. Here’s an example content for the file:

<?php
add_action( ‘wp_enqueue_scripts’, ‘tartchild_enqueue_styles’ );
function tartchild_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

}
?>

The above function load the parent (the original) theme stylesheets

4. Login to Admin Panel and navigate to Left Menu -> Appearance -> Themes, then activate your newly created Child theme.

5. After activating the theme, the slider images will have to be re-configured. Navigate to Admin Panel -> Left Menu -> Appearance -> Customize -> Slider Section. Then set images for Slides.

Best-selling Products