Search results for Hestia PRO

406 articles found

  • How to display an image instead of the video on mobile in Hestia

    Hestia Pro has an option to display a video as the background for the Big Title/Slider section. Unfortunately, on mobile, the video will not work. For Hestia PRO, we are using WordPress's core Header

  • How to Link Menu to Sections in Hestia?

    In this article, we will present to you how to link the menu to the front page's sections. 🗂️Table of content Creating the Anchors Hestia (Pro) frontpage anchors 🔗 Creating the Anchors 1 Navigate

  • Change Hestia shop sidebar icon on mobile

    This documentation will show you how to change shop sidebar opening icon for Hestia Pro theme. This documentation assumes that you have WooCommerce Sidebar active. We recommend using a font-awesome

  • How to change the category color on Hestia shop page

    On the shop page of Hestia Pro, the category within the product cards is getting a random color by default. If you want to use the same color for all of them, just add the following code in the

  • How to fix FontAwesome icons in Hestia

    If you are using the Hestia (Pro) theme and some of the icons look like in the following screenshot, you can try to fix it by installing this plugin. In case this doesn't help, feel free to contact

  • How to remove the product zoom effect in Hestia

    The product thumbnail in the Hestia theme is zoomed when the user hovers over the image. This can be disabled by adding the following code at the end of the functions.php file of the child theme.

  • How to Customize the Blog section in Hestia?

    The blog section is valuable as it provides a platform for businesses to share valuable content, demonstrate expertise, engage with their audience, and improve SEO by regularly updating the website

  • Hestia - Change menu background for all pages

    📝 Note: This option is a part of Hestia Pro. If you want to put some color and make the menu background for all pages uniform, then this article is for you. Step 1: Go to Dashboard> Appearance >

  • List of compatible products for Hestia

    Hestia is our Material Kit-based theme with the cool box-shadows on the buttons and cards, and the ready-made design for the home and blog pages. In this guide, we are going to list some products

  • How to Customize the Features section in Hestia?

    📝 Note: This section is available only after you install and activate Orbit Fox plugin. A features section is useful on a website because it briefly showcases the key functionalities and benefits,

  • Translate non-dynamic strings in Neve or Hestia?

    This documentation should help you translate non-dynamic strings. A non-dynamic string is a string that you can't change from the theme settings. This article will present an example of such

  • How to add a logo image in the middle of the slider

    If you want to add a logo image in the middle of the slider of Hestia Pro theme then you can achieve this by adding the following code to the title field of the slider. <img src="path of your image"

  • How To Make No-Follow Links in Hestia?

    No-follow links are hyperlinks on web pages that are tagged with a specific HTML attribute called "rel=nofollow." This attribute tells search engines not to follow or crawl the linked URL and not to

  • How to activate your license key

    Our Pro themes and plugins come with a license key that you will find in your account next to the products. This doc will help you activate the license key on your website for any pro theme / plugin

  • How to translate Hestia theme using TranslatePress?

    In this tutorial, we show you – step by step – how to install Hestia correctly, how to set it up with TranslatePress, and how to translate every element of your Hestia-built website for smooth

  • How to Remove Opacity/Overlay in Hestia Header and Sections

    Some of the images in Hestia theme have a dark overlay. In order to edit it, just choose the desired section and follow the instructions. Big Title section/Header of any page Ribbon section - front

  • How to override sections in Hestia

    If you are using a version of Hestia higher than 1.1.77 and want to change/override some of the sections in a child theme, you will need to use some hooks and filters. In this document you will learn

  • Make the navbar transparent and change its color when scrolling in Zelle

    This guide will teach you how to make the navigation bar transparent on top of the page, and change its color automatically upon scrolling down the page. An example of this feature can be seen on our

  • How to customize colors, font-size and padding in Hestia

    This guide covers how to change colors, font-size, or padding ( space ) within the front page sections of Hestia Pro by using custom CSS code, in case there isn't an option in the theme for the

  • How to translate Neve using WPML?

    In this guide, we'll cover how to translate any item of Neve with the WPML plugin. The same approach applies to other Themeisle themes, such as Hestia Pro. 🧰Tools needed The Neve theme - here is the

  • How to change post meta data in Hestia

    How to change the subtitle text/information in Hestia? 1. First and most important, make sure you are using a child theme. Follow this doc to create a child theme for Hestia. 2. In your child theme's

  • How to import theme mods when switching from a ThemeIsle Hestia child theme to Hestia

    Add this piece of code in Hestia/Hestia PRO's functions.php file just at the end: add_action( 'after_switch_theme', 'hestia_import_theme_mods_from_themeisle_child_themes' ); /** * Import theme mods

  • How to display Last Modified date in Hestia

    If you're running a news blog or where the content is constantly being updated then you might want to display the last modified date in your blog posts instead of the date of article being published.

  • How to make both Hestia pricing tables raised

    In this document will show you how to get both pricing tables raised, we'll also show how to get neither raised and the second raised. To get both pricing tables raised go to

  • How to Customize the Shop section in Hestia?

    📝 Note: The Shop Section requires the WooCommerce plugin to work, so make sure it's installed. A shop section is useful on a website because it allows businesses to showcase and sell their products

  • Hestia versus Neve: which WordPress theme to choose

    When choosing a WordPress theme for your website is important to understand if that theme matches your website's purpose and needs. If you are considering using Hestia or Neve, but you are not

  • How to make Hestia blog images full width

    To achieve this go to Appearance->Customize->Additional CSS and add the following code: .blog-posts-wrap .col-sm-5, .blog-posts-wrap .col-sm-7{ width: 100% !important; } After entering this code your

  • Hestia Page/Posts Layout

    Changing the page/post layout in Hestia can be done in two ways: inside the Customizer or individually while editing a post or a page. Customizer Settings Individual Settings Customizer Settings 1

  • How to host Hestia fonts locally?

    Hestia theme allows for local font hosting, and this article presents the required steps to do this. Customizer toggle Code snippet 📝 Note: Please note that by implementing the solution provided in

  • How to make the page full-width in Hestia

    Most of the pages in Hestia, blog/archive, single page, single post, has an option for displaying a sidebar. When this one is hidden, the content is just centered and not full width. Page without

  • How to Configure the Very Top Bar in Hestia

    The Very Top Bar is the highest positioned section on the site, just above the navigation area, and is divided into two panels: General Settings and Appearance Settings. By navigating to Header

  • How to change the category color on Hestia blog page

    In order to change the color of the categories displayed on the blog page, firstly you have to login to your WordPress dashboard which is also known as the WP-admin. Look towards the left of your

  • What Are The Template Options in Hestia?

    📝 Note: Please note that this is specific to Hestia and the number of templates may differ on each theme. If you need to know how to change the page template, check this dedicated doc. default

  • How to enable Hestia mobile menu on larger screens

    The mobile menu in Hestia appears on screens lower than 769px. Hestia Desktop Menu Hestia Mobile Menu Showing it on larger screens is possible by adding the following code to the Additional CSS

  • Add Yoast breadcrumbs in Hestia

    In order to use the breadcrumbs option provided by the Yoast plugin, just follow the steps below. 1. Set up the Yoast Breadcrumbs. 2. Create a child theme for Hestia. 3. Open the functions.php file

  • How to Customize the About section in Hestia?

    📝 Note: This section is available only after you install and activate the Orbit Fox plugin. An "About" section on a website is useful for establishing credibility and building trust with visitors.

  • How to display the SKU on single product pages in Hestia

    If you have not created a child theme then be sure to create one before proceeding or your changes will be lost on next update: How to create a child theme After you have created your child theme add

  • How to Increase Title Font Size in Hestia?

    ⏪ Before ⏩ After To increase the title font size in Hestia, navigate to Customizer > Additional CSS and paste this code snippet: .hestia-title-tagline-wrap .site-title { font-size: 45px; } 📝 Note:

  • Add Rank Math breadcrumbs in Hestia

    In order to use the breadcrumbs option provided by the Rank Math plugin, just follow the steps below. 1. Set up the Rank Math breadcrumbs. 2. Create a child theme for Hestia. 3. Open the

  • Pro Charts Library

    📝 Note: These charts are part of Visualizer: Charts and Graphs Pro, which you can get from here. Take a look at the complete documentation of the plugin here. Visualizer offers 11 extra charts for

  • What is the Difference between PPOM Free and PPOM PRO?

    With the PRO version of Personalized Product Option Manager, a custom field can be added to the product page, offering over 30 diverse input types. The UI is designed to be straightforward and

  • PPOM Pro Input Types

    📝 Note: These input types require the PPOM plugin's pro version, which you can get from here. PPOM is an essential tool that can increase your online shop's popularity by adding various free and pro

  • Otter Pro documentation

    This is the premium version of the Otter Blocks plugin, also known as Gutenberg Blocks and Template Library by Otter. More advanced blocks and features are available in this version. 🧰 Tools needed

  • Neve Shop Compatibility with Elementor Pro

    📝 Note: This scenario is applied for shop websites built with Neve and Neve Pro, having Sparks activated. Building a shop page in Elementor means that you can take advantage of the styling options

  • What's the difference between Otter Free and Otter Pro?

    Otter is a lightweight, dynamic collection of page-building blocks and templates for the WordPress block editor. You can access even more advanced blocks and features with the premium version. Free

  • How to change the footer color in Hestia

    You can easily change Hestia's footer background color, by adding the following CSS code in Appearance > Customize > Additional CSS. footer { background: #6797e2 !important; } We recommend you also

  • How to change testimonials text alignment in Hestia

    📍 Appearance > Customize > Frontpage Sections > Testimonials ⏪ Before changing the alignment By default, the text-align property is set to center, but it can be adjusted to be left, right, or

  • Hestia Basic Mega Menu Setup

    NOTE: This is only available on the Primary Menu. Doing this for other menus might yield unexpected results. Creating a basic mega menu in Hestia We've made it easy to set up a basic mega menu within

  • How to Customize the Ribbon section in Hestia?

    📝 Note: This section is available only after you install and activate the Orbit Fox plugin. A ribbon section is useful on a website because it serves as a prominent and eye-catching element, drawing

  • How to Customize the Testimonials section in Hestia?

    📝 Note: This section is available only after you install and activate the Orbit Fox plugin. A testimonials section is important for a website because it builds trust and credibility by showcasing