Search results for Hestia

138 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

  • 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

  • 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 install Hestia PRO?

    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

    📝 Note: Custom Layouts are available in Hestia Pro, which you can get from here. The Custom Layouts module within Hestia Pro allows you to create a section, that can be edited with the WordPress

  • 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

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

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

  • 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

  • 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

  • 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

  • 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

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

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

  • 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

  • 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

  • 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

  • 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

  • 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 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 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 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 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 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 Increase Site Title Font Size in Hestia?

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

  • 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

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

  • 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

  • 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 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 themeisle.com purchase history and download Hestia Pro and

  • 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. It is divided into two panels: General Settings and Appearance Settings. By navigating to Header

  • 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

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