Webriti Help Centre https://help.webriti.com Wordpress Themes and Plugins Fri, 06 Jun 2025 12:42:13 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.5 Banner Slider Variations https://help.webriti.com/themes/appointment/banner-slider-variations/ Fri, 23 Feb 2024 07:15:35 +0000 https://help.webriti.com/?p=8311 Welcome to our comprehensive article on the banner slider variations available in both our theme’s pro and lite versions. This helpful document showcases the range of visually appealing and dynamic banner sliders that can transform your website’s homepage. Whether you’re just starting or looking to upgrade your site’s appearance, understanding the different banner slider options at your disposal is crucial for making an informed decision that aligns with your website’s goals and aesthetic preferences.

By the end of this article, you’ll clearly understand what each banner slider variation offers, from the elegant and subtle designs available in the lite theme to the more advanced and interactive sliders included in the pro version. With a focus on user experience and visual impact, we help you navigate the options and select the perfect banner slider that enhances your site’s appeal and engagement. We’ve organized the information into a user-friendly two-column grid layout, with images for visual reference, links to live homepage demos, and direct access to purchase options for each design.

Banner 1

Explore Homepage Design Purchase this Variation

Banner 2

Explore Homepage Design Purchase this Variation

Banner 3

Explore Homepage Design Purchase this Variation

Banner 4

Explore Homepage Design Purchase this Variation

Banner 5

Explore Homepage Design Purchase this Variation

Banner 6

Explore Homepage Design Purchase this Variation

Banner 7

Explore Homepage Design Purchase this Variation

Banner 8

Explore Homepage Design Purchase this Variation

Banner 9

Explore Homepage Design Purchase this Variation

Banner 10

Explore Homepage Design Purchase this Variation

Banner 11

Explore Homepage Design Purchase this Variation

Banner 12

Explore Homepage Design Purchase this Variation

Banner 13

Explore Homepage Design Purchase this Variation

 

]]>
Appointment WordPress Theme https://help.webriti.com/themes/appointment/appointment-wordpress-theme/ Sat, 10 Dec 2016 03:30:12 +0000 http://help.webriti.com/?p=905 Appointment, minimalist and modern style theme perfect for all professionals and business. Flexible Appearance Customize Panel and lot of features. Appointment theme setup is now smarter & easier. Build your identity on web using Appointment Theme.

appt-wid-49 Live-demo

See Below Documentation

]]>
How to Add Dummy Data in Appointment Theme https://help.webriti.com/themes/appointment/how-to-add-dummy-data-in-appointment-theme/ Mon, 05 Oct 2015 06:05:04 +0000 http://help.webriti.com/?p=2055 You can import dummy data. You want to make like as Appointment Theme Demo. First things, You need to download Appointment Theme Dummy Data. Click here to Download.  Refer Attach Screen shot.

appt-68

1. How to Import XML Dummy Data?

We have already flexibility for it. This is very simple steps to importing the Dummy Data. Do follow this tutorial. Click Here to Import Dummy Data

]]>
How to import the Demo data in Appointment Pro https://help.webriti.com/themes/appointment/how-to-import-the-demo-data-in-appointment-pro/ Tue, 16 Mar 2021 07:52:13 +0000 https://help.webriti.com/?p=7634 Our theme allows you to import demo data. We also offer Elementor, Gutenberg, and Customizer templates, enabling you to import these starter sites.

Follow the below instructions:

1. Install and activate the Pro theme

2. Go to Appearance >> About Appointment Pro and Click on the Starter Sites Tab.

3. Install and activate the Spice Starter Sites plugin using the link below.

4. Click the Install button for the template you want to import.

5. Install & Activate Recommended plugins.

6. Click on the Import Demo Data button and wait for it to complete the import.

7. It can take a few minutes and will display a “The import process has been successful” message after the import is completed.

]]>
How to Change Color Schemes in Appointment Theme https://help.webriti.com/themes/appointment/how-to-change-color-schemes-in-appointment-theme/ Mon, 14 Mar 2016 14:01:48 +0000 http://help.webriti.com/?p=3529 Appointment Theme comes with 14 preset colors.  You can create your own color theme using color picker. You can find this setting in Theme Appearance Customize. You have to no need any code customization. In this theme, we just want to offer visitors color variations. Now I will tell you how to change color schemes? Do the following tutorial. Refer attach the screen shot.

appt-wid-49

1. How to Use Preset Color Scheme?

Go to => WP-Menu => Appearance => Customize => Theme Style Settings

Here you can see 14 preset colors. Select your choice color. Refer attach the screen shot.

appt-wid-46

2. How to Use Custom Color Scheme?

Go to => WP-Menu => Appearance => Customize => Theme Style Settings

Here you can see color picker. Enable you skin color then you can make your own color scheme. Refer attach screen shot.

appt-wid-47

3. How to Change Theme Layout?

Go to => WP-Menu => Appearance => Customize => Theme Style Settings

Here you can see theme layout settings like Wide & Boxed. You can make boxed layout website using this feature and also add the background image. Refer attach the screenshot.

appt-wid-48

]]>
How to Manage Top Header Bar in Appointment Theme https://help.webriti.com/themes/appointment/how-to-manage-top-header-bar-in-appointment-theme/ Fri, 18 Dec 2015 11:59:59 +0000 http://help.webriti.com/?p=2871 Header Top Bar Section is very useful to display many types of things like that contact details, email, links, offers and languages flags etc etc. This section is an independently because this section based on widget. In this section you can display all type of widget. There are 3 types of widget area for Top Header Section like that Top Header Left, Top Header Center and Top Header Right. Now, I will explain you how to manage this section. Refer attach screen shot.

appt-84

1. How to Manage Header Top Section?

Go to => WP-Menu => Appearance => Widgets =>

Here you will find three sidebar by the names Top Header Left, Top Header Center and Top Header Right. You can use any widget for those sidebars. Suggested widget is WBR: Header Widget as used in our themes demo. Refer attach screen shot..

appt-wid-44

]]>
How to manage Header Settings in Appointment Theme https://help.webriti.com/themes/appointment/how-to-manage-header-settings-in-appointment-theme/ Mon, 06 Jul 2015 13:42:27 +0000 http://help.webriti.com/?p=1195 This section allows you to manage your site’s identity settings, which appear in the header area. You can upload or change the site logo, adjust its width, and set your site title and tagline. There’s also an option to display or hide the site title and tagline. Additionally, you can upload a site icon (favicon), which appears in browser tabs and bookmarks, and manage the social links.

appt-44

1. How do I Add the Logo & Site Icon and Change the Site Title & Tagline?

Go to => Appearance => Customize => Site Identity

You can upload your logo, manage the logo size, and change the site title & tagline text. Also, you can add the site icon. See the attached screenshot.

2. How to Manage Social Links in the Header?

Go to => Appearance => Customize => Header Settings => Social Links

Enter your social media link in the input field, such as Facebook, LinkedIn, or Twitter etc.

appt-wid-36

]]>
How to manage Header Variations and Search icon effects https://help.webriti.com/themes/appointment/how-to-manage-header-variations/ Mon, 17 Aug 2020 06:06:52 +0000 https://help.webriti.com/?p=7382 There are various types of Headers are available in the theme called “Header Variation“. You can select any one that suits in your site from the setting on customizer.

Go to Appearance => Customize => Header Settings => Header Variation

Select the header variation from the dropdown.

Header Variation 1

Header Variation 2

Header Variation 3

Header Variation 4

Header Variation 5

Header Variation 6

How to manage Search Icon Effects

Go to Appearance => Customize => Header Settings => Header Variation

  • Enable/disable search icon: You can enable and disable the search icon from here.
  • Search Effect: Select the Search effect from the Toggle/Lightbox options
    • Toggle: When hovering over the search icon, a toggle box appears. Live Search can be enabled or disabled using the toggle option.
    • LightBox: When clicking on the search icon, a lightbox window appears where you can enter a keyword to search.

]]>
How to customize the Sticky Header https://help.webriti.com/themes/appointment/how-to-customize-the-sticky-header/ Wed, 21 Oct 2020 12:00:51 +0000 https://help.webriti.com/?p=7490 Go to Appearance >> Customize >> Header Settings >> Sticky Header

Sticky headers are headers that remain fixed to the top of the website and are visible even when you scroll down.

Logo for Desktop View

  • Enable Sticky Header: You are able to enable and disable the sticky header from here.
  • Different logo for Sticky Header: You are able to select the different logo for the sticky header that means when the sticky header comes on scrolling, the logo will be changed.
  • Animation Effect: Here you can choose the animation effect. Either SlideFade, or Shrink.
  • Enable View: Here you can select the option to show the sticky header either on desktopmobile, or on both desktop and mobile.
  • Sticky Opacity: Here you can set the color opacity for the sticky header.
  • Sticky Height: Here you can set the height of the sticky header.

Logo for Mobile View

Sticky Opacity

Sticky Height

Note: Sticky height is not applied to the shrink animation effect. So make sure if you want to set the height, the animation effect must be either noneslide or fade.

]]>
How to set up Slider in Appointment Theme https://help.webriti.com/themes/appointment/how-to-set-up-slider-in-appointment-theme/ Tue, 30 Jun 2015 12:33:06 +0000 http://help.webriti.com/?p=1005 Integrating banner sliders in WordPress themes is crucial in elevating website aesthetics and boosting user engagement. These sliders offer a dynamic platform to display images, videos, and text seamlessly and interactively, making the website’s first impression memorable and impactful. Therefore, strategically using banner sliders within WordPress themes is essential for creating visually appealing and user-centric websites.

Now that you understand the importance of banner sliders in a WordPress theme let’s dive into how the Appointment WordPress Theme harnesses this feature to elevate your website’s design and interactivity. With its straightforward integration process, this theme allows for the effortless creation of visually stunning and engaging banner sliders. Whether you aim to showcase impactful images, videos, or promotional content, the Appointment Theme provides a robust platform.

To begin adding a banner slider using the theme’s post slider functionality, create a post category, add slides, and display these slides on your site. Let’s go step by step.

Step 1:  How to add Post Category?

  • Navigate to the WordPress dashboard and select “Posts” from the menu.
  • Click on “Categories” to access the category management area.
  • Here, you can create a new category by entering a name of your choice.
  • After naming your category, click the “Add New Category” button to finalize its creation.

appt-1

Step 2: How to add Slides?

The Appointment WordPress Theme turns adding slides into a creative journey, designing unique slide designs for each post format. While the lite version supports the standard post format, upgrading to the premium version unlocks the ability to add slides in four additional formats: Video, Status, Aside, and Quotes. With the premium version, you can effortlessly create diverse, engaging slide variations, elevating the overall user experience.

Adding Slide Using Standard, Status, Quote and Aside Format

To add a new slide, navigate to the WP-Menu, select Posts, and then Add New. Input your post title and description, choose the Standard Format, select your previously created category, and upload an image via the Featured Image option. After setting up these details, clicking Publish will activate your post as a slide. Similarly, you can enhance the diversity of your slideshow by selecting other post formats, such as Status, Quote, and Aside, following the same procedure. Refer the screenshot

appt-wid-1

Adding Slide Using Video Format

To incorporate a video slide, proceed to the WP-Menu, choose Posts, then Add New. Input the post title and description, select the Video Format, pick your designated category, and add your video. Paste the video link directly into the text editor for videos from platforms like YouTube, Vimeo, or WordPress.tv. Set all the details, then click “Publish” to activate your video slide. This process lets you dynamically integrate video content into your website, enriching the user experience with multimedia elements.

appt-wid-2

Slide Variations of Various Post Formats

Standard Format

Status Format

Quote Format

Aside Format

Video Format

Step 3: How to display slides?

To configure your website’s slider, follow these steps:

  1.  Navigate to Appearance > Customize > Slider Settings > Featured Slider Settings.
  2.  Click the tab to access the slider settings in the Featured Slider Settings. Here, you will find various options to customize your slider. Choose the desired category and click the Save button at the screen’s top right corner to apply your changes. Verify that the slider on your homepage is functioning correctly. Slider Configuration Options:
    • Hide Slider from Homepage: Enable this option to hide the slider section from your homepage.
    • Slider Variation Type: Choose the slider you want to use from the available options.
    • Banner Post Slider – Theme: Use this option to add the default slider to your website.
    • Banner Post Slider – Plugin: This option allows you to add a banner slider provided by the plugin. To use this feature, ensure the Spice Post Slider plugin is installed and activated. Learn More 
    • Select Slider Type: Choose between demo images or your images for the slider.
    • Select Category for Slider: Choose a category for your slider. After selecting, the system will display all categories for you.
    • Select Slider Animation: Choose between slide or fade animations for your slider transitions.
    • Duration: Set the duration (in seconds) between two slides.
    • Input Number of Slides: Specify the number of slides you want to include in your slider.

    Remember to save your settings after making changes to ensure your slider is updated accordingly.

We are constantly adding new banner slider variation designs  Here find all the variations

4. Enable / Disable Settings

We have offered 2 settings :

  1. For hiding slider from Homepage
  2. For hiding Slider post from the blog and archive pages.

5. Can you display a custom button on slides?

Absolutely! To add a custom button to a slide, navigate to WP-Menu, select Posts, and then Add New. This functionality lets you craft a unique button directly on your slide. Look for the Customize Read More Button option in the slider settings below the page editor. Activate this feature, input your desired button text and link, and you’re all set. This process, highlighted in the attached screenshot, simplifies adding interactive elements to your slides and enhances user engagement on your website.

appt-wid-6

6. Can you use HTML markup for slider descriptions?

Yes, indeed! Both Standard and Video format slides support HTML markup for descriptions. You must install the Rich Text Excerpts plugin to enable this functionality, which allows HTML in the Excerpt box. This addition opens many possibilities for enriching your slides with more sophisticated formatting and content. If you’re more comfortable learning through visual aids, consider watching our tutorial video for a step-by-step guide on effectively implementing this feature.

]]>