Search results for Hestia

126 articles found

  • 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

  • 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. Layout in Customizer Individual Layout Layout in Customizer 1

  • How to create a Child theme for Hestia

    If you are using Hestia or Hestia Pro and want to make some changes in the theme, those changes are likely to be overwritten at the next update of the theme. In order to prevent that from happening,

  • What is the Difference Between Hestia and Hestia PRO?

    Which product version is right for me, free or PRO? Jump to: Starter Sites Header Options Footer Options WooCommerce Appearance Settings Custom Layouts Blog Settings Frontpage Sections Shortcodes

  • How to display Team description on mobile in Hestia

    📍 Appearance > Customize > Frontpage Sections > Team ⏪ Before displaying team description By default, Hestia removes the description of Team members from small screens, to match the design. ⏩ After

  • How to create the Hestia contact form in WPForms

    WPForms 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

  • How to activate the premium version of Hestia

    This guide will explain how to activate Hestia Pro without losing the work done with the free version of Hestia. The same steps work even if you didn't use Hestia free before. 📝 Note: If you used

  • Custom Layouts in Hestia Pro

    The Custom Layouts module within Hestia Pro allows you to create a section, that can be edited with the WordPress editor or Elementor and display it on the desired place of the website based on the

  • 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

  • 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

  • What hooks and filters are available in Hestia

    For a visual doc with the main hooks, check out Hestia Hooks. The full list of available Hooks: Header Footer hestia_before_header_hook hestia_before_header_content_hook

  • 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

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

  • 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 use categories featured images as header image in Hestia

    As WordPress doesn't offer by default a featured image option for the categories, for the main header image on the categories pages, Hestia uses the Header image ( Appearance > Customize > Header

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

  • How to recreate Hestia PRO frontpage using page builders with shortcodes

    If you are using Hestia PRO and want to add new sections on the front page, you're in the right place. Recreating the front page sections is not a difficult process, the main accent falls on the

  • How to create more pricing tables

    In this document we will show you how to create more pricing tables. In order to do this, we need to use Elementor and Orbitfox plugin. We go to Dashboard->Pages->Add New Page and click Edit with

  • 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 change the number of Features/Testimonials/Blog items on a line in Hestia

    If you are not happy with the number of Features, Testimonials or Blog posts boxes that appears by default, on a row in Hestia, you are about to find an easy way to change it. Just follow the next

  • 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 upgrade from Hestia to Hestia PRO when using your own child themes

    If you are using your own custom created child theme for Hestia and want to upgrade to Hestia PRO, you will have to make some changes in order to make sure all the options are migrated to the PRO

  • Hestia Pro is now Custom Types Ready and fully compatible with Toolset plugins!

    One of the WordPress strengths is that it allows creating and displaying different types of content. Hestia Pro theme is now Custom Types Ready! This means that you can use Toolset plugins to create

  • 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

  • Change Hestia button text color

    If you'd like to change the button text color in Hestia then navigate to Appearance -> Customize -> Additional CSS section and add the following code: .buttons a{ color: #000 !important; } You could

  • How to change portfolios style in Hestia

    The portfolio section available on the front page of Hestia Pro, shows the project title and category only when hovering over it. If you want to make the hover style permanent, just add the following

  • 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 menu links using anchors Hestia (Pro) frontpage anchors 🔗Creating the menu

  • Hestia Pro Documentation

    Hestia is a modern WordPress theme for professionals. It fits creative businesses, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online

  • How to reduce mega menu width in Hestia

    To reduce the width of the mega menu in Hestia start by going to Appearance->Customize->Additional CSS and add the following code: .navbar .hestia-mega-menu > .dropdown-menu { width: 800px

  • How to remove sticky menu after scroll

    Hestia has by default a sticky header. To remove this behavior, make sure you add the following code in Appearance > Customize > Additional CSS: .navbar.navbar-scroll-point,

  • How to change Hestia menu background on mobile

    If you'd like to change the mobile menu background color then please navigate to Appearance -> Customize -> Additional CSS section and add the following code: @media (max-width: 768px){ /**Navbar

  • How to add back "Category:", "Tag:", "Author:" in the archive title in Hestia

    In version 1.1.73 we removed the "Category:", "Tag:" and "Author:" strings that appear by default on the archive page header, If you are using Hestia and want to add them back, just follow this doc.

  • How to make Hestia theme header full height

    If you'd like to make the header image in Hestia/Hestia Pro take up the entire height of your browser then please navigate to Appearance -> Customize -> Additional CSS section and add the following

  • How to display the product image in the header of the single product page in Hestia

    In the latest Hestia release, we decided to remove the product image from the header area on WooCommerce's single product pages, as it was already displayed on that page, and using an image that

  • How to center one team member in Hestia

    In this quick tutorial, you'll see how to make team members each appear on their own line and centered. Start by navigating to Appearance -> Customize -> Additional CSS and add the following code:

  • How to show contact section on each page in Hestia Pro

    If you are using Hestia Pro theme, it can be done easily without editing the code. Hestia Pro theme provides shortcodes of frontpage sections and we will use the shortcode of contact section

  • 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 get Orfeo Pro

    Orfeo is a child theme of Hestia. So this means to have Orfeo Pro you need to have Hestia Pro installed on your website. Log into your purchase history and download Hestia Pro and

  • Change Hestia site title and hamburger menu color on mobile

    If you'd like to change the Site title and hamburger menu colors then you can add the following CSS to your WordPress website to do just that. Go to Appearance->Customize->Additional CSS and add the

  • Slider images showing blurred

    It's really easy to overcome the blurred image problem. Just follow the steps given below: 1) Use recommended image size for your slider i.e. (1920x1232)px 2) When you upload an image, please scroll

  • 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 stop navigation area overlapping with header image in Hestia PRO

    If you are using Hestia PRO, and want to use a larger logo or a longer navigation menu, you may feel that the entire navigation area is overlapping too much with the main header image, covering much

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

  • Adjust product's header size and main content position in Hestia

    If your product page looks like it's taking up too much space or too little this guide will help you change the height of the product page's header and the position of the main content area. Here's

  • 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. On mobile devices(mobile, tablet) the video is not playing. This is WordPress default behavior, we

  • How to customize read more links in Hestia

    Classic Blog layout scenario Classic/Alternative blog layout In order to change the Read more... link text, first, you need to create a child theme. Please check this guide on how to create a child