Special Offer: Buy All 10 Premium WordPress Themes for Just $55.99. Learn more

How to add Advanced Text Widget Guide

zen templates

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.

New Footer Image Background Customizer option added for our premium wordpress themes

zen templates

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/

ZenEarth is now published at WordPress.org

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

ZenEarth


Best-selling Products:

Slippry Slider: Change Position of Slide Content

zen templates

If you use a theme with Slippry Slider (currently it’s added into our ZenLifePro premium theme), you have probably noticed that Slide content is displayed at bottom position of the Slider.

In some case, you may want to display that content above or even at the top of the slider. Here is a guide how to change the content position:

  1. Login to your WordPress Admin Panel
  2. Navigate to Left Menu -> Appearance -> Customize
  3. Open ‘Additional CSS’ section
  4. Insert the following code there:
    @media screen and (min-width: 600px) {
    .sy-caption-wrap {
    bottom: 400px;
    }
    }Note: you can change the above value (marked in bold) to any other value i.e. ‘300px’ or ‘200px’ depending on preferred slide content position
  5. Save changes

ZenEarth – Free WordPress Theme Released

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

ZenEarth

 


Best-selling Products:

3 New WordPress Themes Released

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:

How to Create a Child Theme

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