Search results for Zerif

107 articles found

  • How to using Co-Authors plugin with Zelle

    To integrate Co-Authors Plus, you’ll want to replace existing author template tags in your theme with a simple conditional that uses the Co-Authors Plus template tags if Co-Authors Plus is available.

  • Zelle Lite Documentation

    Zelle Lite (Former Zerif Lite) Documentation Sample Content Child Theme Sample Why Upgrade to Pro? Installation & First Step

  • How to replace Skills Percentages values in Zerif

    Percentage skills are showing in the middle the percent value that controls the circle loading bar. You can control the loading bar with values between 1-100% from the customizer and change the values

  • How to set the number of Latest News posts in Zelle

    By default you can set the number of posts for Zerif's Latest News section from Settings > Reading settings, in your WordPress dashboard. It'll be changed in your blog page, as well as Latest News sec

  • How to display featured image inside pages in Zelle

    By default, Zelle doesn't show featured images inside your pages but it can be done with few lines of code. Make sure to use a child theme before you make any changes. Navigate to your zerif-pro/li

  • How to center menu in Zelle

    To center the menu go to Appearance->Customize->Additional CSS. @media screen and (min-width: 768px){ .navbar-right{ float: none !important; display: flex; justify-content: center; } #site-navigat

  • How to decrease Zelle footer height.

    If you are using WordPress 4.7 or later then go to  Appearance -> Customize -> Additional CSS and add the following: .copyright{ padding: 30px !important; } If you are using a lower version of

  • How to Change Zelle Sidebar Color

    In case you don't have a CSS plugin, we advise you install   Advanced CSS Editor plugin and follow the instructions. In Appearance -> Customize -> Advanced CSS Editor add the following code. If you

  • How to center the logo in Zelle

    Zelle does this automatically when you have enough menu items, but if you'd like to add this feature with only a few menu items then go to Appearance->Customize->Additional CSS and add the following:

  • How to change section anchor in Zelle

    It's really easy to change the section anchor in Zelle, and all other themes: Okay, so I'll give you an example of how we could change the ID of Portfolio. First you need to create a child theme: h

  • How to add a second button to ribbon section in Zelle

    Zelle Pro comes with two ribbon sections, one with a button on the bottom and one on right. This guide will show you how you can add the a second button to the bottom button ribbon section. First make

  • How to make menu non-sticky in Zelle

    If you want to make header menu of your Zelle Lite/Pro non-sticky then it can be done using a small CSS tweak. Add the following code in Appearance > Customize > Additional CSS: #main-nav{ posi

  • Remove Date on Blog Posts in Zelle

    If you want to remove the date from blog posts or the blog page, then go to Apperance->Customize->Additional CSS and add the following code: Remove the date in the blog post: .entry-meta { disp

  • How to make Portfolio unclickable in Zelle

    Zelle Pro comes with a styling portfolio section, which is a great place to showcase your amazing work. But in some case, you may want to make your portfolio unclickable and remove the link from it. A

  • Fix insert into post not working in Zerif Widgets

    This video shows a workaround for adding images to the Zerif widgets until the "Insert into post" button not working issue is fixed.

  • How to Only Show Zerif Section Menu Links On Homepage

    This guide applies to any of our one page themes where you might want to hide the section menu links when not on the homepage. Please install: https://wordpress.org/support/plugin/if-menu Go to Da

  • How to increase or reduce the height of big title section in Zerif

    If you want to make your big title section bigger then, add the following code snippet to Appearance->Customize->Additional CSS .header-content-wrap { padding: 385px 0 310px; } Adjust padding

  • How to remove sidebar from single blog posts in Zerif

    If you want to remove sidebars from your Posts (single) blog posts then this guide is for you. And as we always recommend to everyone, please make sure that you're using a child theme with your Zerif

  • How to add a third button to Big Title section in Zerif

    If you want to have more than two buttons in your Big Title section, then you can add it by editing theme files. Before following the mentioned steps, make sure that you're using a child theme. Fir

  • How to fix mobile menu on top in small devices in Zerif

    If you want fixed/sticky menu in small devices also, then you need to add the following code in Appearance -> Customize -> Additional CSS: @media (max-width: 767px){ #main-nav, #main-nav.fixed {

  • How to use Our Team Widgets on a custom page or post in Zerif

    Many times users ask us if they could use the team member widgets on another page other than the homepage. If you've tried this you might notice that the widgets show up squeezed if you use SiteOrigin

  • How to add more skill circles in the About us section in Zerif

    In this article, you will find how to add more skill circles in Zerif theme.  First step is creating a  child theme so that your changes won't be lost when you update your theme.

  • Make Zerif big title section button color transparent

    In the case you don't have a CSS plugin, we advise you install   Advanced CSS Editor plugin and follow the instructions. In Appearance -> Customize -> Advanced CSS Editor in the "Global CSS" area add

  • How to add phone number on the top of header in Zerif

    It's really easy to add phone number at the top of menu. Like this: You can start with installing the plugin  Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor add the

  • How to Change the Speed of the Background Slider in Zerif

    Zerif theme offers lots of customization options and in this document we will show you how to change the speed of the background slider. First of all,  please make sure that you're  using a child them

  • Change big title section button font size in zerif

    If you want to increase the button font size in zerif, you need to install the plugin Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor add the following code: a.btn.btn-pri

  • How to add static color for our focus section in Zerif

    First start by installing our CSS plugin called   Advanced CSS Editor plugin and follow the instructions. In Appearance -> Customize -> Advanced CSS Editor add the following code: /* first */ #focu

  • How to Change the Border Color for Focus Widget in Zerif

    Zerif offers a lot of customizable features and in this documentation, we will show you how to change the border color for all focus widgets circle and title.  Go to Appearance->Customize->Additiona

  • How to Make Big Title Section Buttons Rounded in Zerif

    If the squared design of the buttons from the Big Title section doesn't fit with your website, then you can make them rounded by following the instructions below.  You need to install the plugin  A

  • Center contact form send button and captcha in Zerif

    Start off by installing the plugin   Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor add the following code to the Global CSS area: .form_captcha_wrap{ width: 100%; displa

  • How to make Team members descriptions clickable in Zerif PRO

    If you are using Zerif PRO along with the built-in Team member widgets, you may want to somehow enhance the widget's behaviour by making the descriptions linking to the same URL as the member's names

  • Center Portfolio Items in Zelle Pro

    In case you don't have a CSS plugin, we advise you install    Advanced CSS Editor plugin and follow the instructions. In Appearance -> Customize -> Advanced CSS Editor add the following code. If

  • How to Link Your Logo to a Certain Page in Zelle

    In this doc we will show you how to link the logo to go somewhere else instead of homepage. First of all, please make sure that you're  using a child theme with your Zelle theme. 1. Copy the header

  • Change contact us subtitle font size in Zelle

    If you want to show five focus widgets in one line then, you need to install the plugin    Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor in the "Global Area" add the follow

  • How to reduce space between sections in Zelle

    Please install our plugin   Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor add the following code in the "Global CSS" area: You could copy only the sections you want and

  • How to upgrade to Zelle Pro

    We have changed the name of Zerif theme to Zelle. This guide should help you to upgrade to Zelle theme without losing the content and the settings. Upgrading from Zerif Pro to Zelle Pro First, pl

  • How to show 5 focus widgets in one line in Zelle

    Go to  Appearance > Customize > Additional CSS and add the following code: @media screen and (min-width: 1023px){ .col-lg-3.col-sm-3.focus-box { width: 20% !important; } }

  • How to remove sidebar from archive pages in Zelle

    If you want to remove sidebars from your archive pages then this guide is for you. And as we always recommend to everyone, please make sure that you're using a child theme with your Zelle theme before

  • How to display featured image inside posts in Zelle

    By default, Zelle doesn't show featured images inside your posts but it can be done with few lines of code. Make sure to use a child theme before you make any changes. Navigate to your zelle-pro/li

  • What is the Difference Between Zelle Lite and Zelle Pro?

    Upgrade to Zelle PRO Haven't decided between Zelle Lite and its premium version? We made a quick video with the extra features that make your website awesome. Here is a comparison table between

  • Zelle Pro Documentation

    Zelle Pro ( Former Zerif Pro ) Documentation Sample Content                   Admin Demo In This Article Install & Configure Your New Theme Setting Up A Blog Page

  • How to remove 'Posted on' info from posts in Zerif

    Make sure that you're using a child theme, and if you're not then you can create it using this tutorial. After copy the content.php and content-single.php file to your child theme and remove the follo

  • How to display posts from a specific category in the Latest News section in Zerif

    First of all, make sure that you create a child theme using this tutorial. Now copy /sections/latest_news.php and copy it to Child Theme. And yes, you do need to put it in the same folder structure.

  • How to Edit Zerif Latest News and Blog Archive Post Excerpt Length

    This guide applies to all our themes but in this case we will be referring to the Zerif Latest News Section and Posts Archive. The excerpt length could be edited easily without touching the code by u

  • How to remove link from "Posted on" info in Zerif

    To remove the link from the "Posted on" date in Zerif start by going to  Appearance->Customize->Additional CSS and add the code below: article .entry-meta a{ pointer-events: none; } Save your c

  • Zelle - Set the Home Page

    Zelle Lite Navigate from your Dashboard to Appearance->Customize->Homepage Settings and choose 'A static page' option. The first drop-down menu is for choosing the front page. You can choose any

  • How to show author name in Zelle

    If you want to show the author name in the article, please navigate to Appearance -> Customize -> Additional CSS section and add the following code: .type-post .byline{ display: initial !important;

  • Theme custom code

    Below are direct links to all custom code for every theme. Amadeus:  Click here Arkitek:  Click here Azera Shop:  Click here Flymag:  Click here Lawyeria X:  Click here Llorix One: 

  • 🎥 How to create a Child theme

    Check the video tutorial on Youtube If you are planning to customize your theme then WordPress recommends you protect all of your hard work with a Child Theme. This is important if y

  • How to add back to top button in Zelle

    If you want to add Back to Top button in your site, you can use Float to Top Button plugin. To install plugin, Navigate to Dashboard > Plugins > Add New and search plugin and activate it. It wi