Search results for Zerif

77 articles found

  • 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

  • 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

  • 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; }

  • 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 are

  • 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 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/lite

  • 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.

  • 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

  • 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 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/lite

  • 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

  • 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 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; }

  • How to create the Zelle contact form in WPForms

    WPForm is a great plugin that allows you to easily create any contact form you want. It comes with pre-built form templates that can be easily customized, so you don’t ever have to start from scratch

  • Will I lose my customizations if I upgrade to the Pro version of the theme?

    The simple answer is no. A thing you should check before you upgrade is if you have are using a child theme. Also, if you've made changes done to the theme files directly, without using a child theme

  • Change Big Title Section Font Style in Zelle

    If you would like to change the font of the big title section then please use the below snippet. In case you don't have a CSS plugin, we advise you install Advanced CSS Editor plugin and follow the

  • Zelle - Set the Home Page

    Zelle Pro Watch a video about setting the front and blog pages. Navigate from your Dashboard to Appearance->Customize->Homepage Settings and choose 'Your latest posts' option. The front page with the

  • 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.

  • 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 Home Page Sections Configuring Menu Customization

  • 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%; display:

  • 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{ position:

  • 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 { display:

  • Add a Background Image to Zelle Menu

    Before using this snippet we need to make sure your changes won't be lost when you update the theme. If you plan on doing a lot of changes on the theme then we encourage you to create a child theme

  • How to remove 'Bookmark the Permalink' text in Zelle

    Removing The Bookmark the Permalink text within the articles Please navigate to Appearance -> Customize -> Additional CSS editor and add the following code: #primary .entry-footer { display: none; }

  • 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

  • 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 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:

  • 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

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

    In this document, we will show you how to change the speed of the background slider in Zelle theme. First of all, please make sure that you're using a child theme. 1. Create a folder called js in

  • How to switch from Zelle to Neve

    We know how much some of you still love Zelle's ( formerly named Zerif ) design, and that is why we've made it easy for all of you to switch to Neve while still keeping the look and feel of Zelle.

  • How to Change Circles into Square in Zelle

    If you want to change the circle into a square in the Zelle theme, add the following custom CSS to Appearance -> Customize -> Additional CSS section. 1) Code for features section: .focus-box

  • How to change portfolio archive title in Zelle

    f you're using a child theme then in your functions.php file inside your child theme add the following (change where it says My Portfolio to any text that you wish: function

  • Increase spacing between projects section in Zelle

    If you just need this little change then go to Appearance->Customize->Additonal CSS and add the following: .cbp-rfgrid li{ padding: 0 1px 2px 0; } Save your changes and that's it! The change will add

  • How to open links in a new tab

    This article will present how to open links in a new tab using the Orbit Fox plugin, so make sure you have installed and activated it before reading the steps below. 1 Go to Dashboard > Orbit Fox >

  • How to Increase Theme Logo Size

    This document will help you change the logo size for: Zelle Hestia NOTE: Unless you are using a child theme, all the CSS code snippets from this guide need to be added to Appearance -> Customize ->

  • How to remove the post metadata in Zelle

    Hiding the link from the "Posted on" date in Zelle Please navigate to Appearance->Customize->Additional CSS and add the following code: .single-post .entry-meta { display: none; } Save the changes

  • 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

  • How to Remove Background Overlay in Zelle

    If you don't like the background opacity and want it to be clear then you can add the following CSS to your WordPress. Go to Appearance->Customize->Additional CSS and add the code below. .header,

  • How to configure the Portfolio in Zelle Pro

    Zelle Pro is having the feature of Portfolio section on the website which looks like this: First, you need to make sure that it's enabled from Appearance > Customize > Portfolio section. If it is,

  • 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 will

  • 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

  • How to remove featured image in portfolio modal Zelle

    To remove the featured image, at Zelle Porfolio Modal, please install our CSS Plugin ( Hey, do not forgot to rate it also! ) and add the following CSS .zerif-modal-content img { display: none

  • Fix background image stretched on mobile in Zelle

    If your background image shows up stretched in Zelle on mobile then please follow these instructions to fix the issue. Go to Appearance -> Customize -> Additional CSS section and add the following

  • How to add new social icons to Zelle footer

    Adding new icons or replacing old icons in Zelle theme isn't really hard. It takes only one line of code to do this job. Before we start this tutorial, please make sure that you're using a child

  • How to add static color on our focus section in Zelle

    The circles within the Focus section of the front page are filled in with color only when hovering over them. In order to add a static color on them please navigate to Appearance -> Customize ->

  • How to Change Our Team Social Icons in Zelle

    We have a doc which allows you to change icons in footer by modifying the theme files, but that can't be done in with Our Team, as it will erase all the custom modifications done without child theme

  • How to get rid of auto uppercase text in Zelle

    If you want to get rid of auto uppercase in Zelle theme, you need to install the plugin Advanced CSS Editor and in Appearance ->Customize-> Advanced CSS Editor add this: .section-header h6 {

  • How to Replace Skills Percentages with Images in Zelle

    If you want to replace the percentages skills with an image you can follow the instructions from this document. 1. The first step is to make sure that you are using a child theme. 2. Create a folder

  • Adjust Zelle middle about us text size

    Install our: CSS Plugin called " Advanced CSS Editor" then add the following snippet to the "Global" section in Appearance->Customize->Advanced CSS Editor: .zerif_about_us_center p { font-size: 17px;

  • How to add menu icons to your theme

    This guide shows how to add icons to the menu of any of our themes. In this example, we will be using the Neve theme and the Orbit Fox plugin. Step 1: Install and activate the Orbit Fox plugin. 📝