Hello Theme FAQs, Tips and Tricks

Where can I download the Elementor Hello theme?

You can download the theme from either:

How do I install the Hello theme if I downloaded the zip file?

  1. From your WordPress dashboard, go to Appearance > Themes and click Add New.
  2. Click Upload Theme.
  3. Click Browse and choose the file you just downloaded, then click Install Now.
  4. Once it is installed, click Activate.

Will I be notified of theme updates regardless of where I downloaded the theme?

Yes. 
Just like any theme or plugin under Dashboard > Updates.


What's the best way to manage styles (colors, fonts, etc)?

Elementor's global Theme Style settings is the simplest solution. Using Elementor's intuitive editing options, you can quickly set the styles of elements such as BackgroundsHeadingsButtonsImages, and Form Fields. If you need to do any custom CSS beyond what Theme Style settings offer, you can edit the child theme stylesheet as described below.


Do you have a child theme I can download?

Yes. You can download a child theme here: https://github.com/elementor/hello-theme-child

How do I install the child theme?

  1. Download the Hello child theme from https://github.com/elementor/hello-theme-child
  2. From your WordPress dashboard, go to Appearance > Themes and click Add New.
  3. Click Upload Theme.
  4. Click Browse and choose the file you just downloaded, then click Install Now.
  5. Once it is installed, click Activate.

How do I customize the child theme?

Note: The following information is for advanced users who are comfortable with using custom code.

Edit the style.css file via FTP if you would like to change the Theme URI, Author, and Author URI. Editing this is optional. You can choose to leave it as is, if you prefer.

Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

Add any custom styles after:

/*
    Add your custom styles here
*/

So for example, if you wanted to add some Link and Heading styles, you could add something like this:

/* Link Styling */
a, a:active, a:visited {
color: #000080;
} 
a:hover {
color: #ffd700;
}

/* Heading H1-H6 Styling */
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
color: #3a3a3a;
line-height: 35px;
font-weight:500;
letter-spacing: 1px;
}
h1 {
font-size: 30px;
line-height: 1.2;
}
h2 {
font-size: 28px;
line-height: 1.3;
}
h3 {
font-size: 26px;
line-height: 1.4;
}
h4 {
font-size: 24px;
line-height: 1.5;
}
h5 {
font-size: 22px;
line-height: 1.6;
}
h6 {
font-size: 20px;
line-height: 1.2;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
 margin-bottom: 20px;
}

If you need to change any HTML of any of Hello’s files, make a duplicate of the original Hello file, and place the copy into your child theme’s folder. Edit the child theme’s copied file to make any HTML changes you wish. Read more about this here.


How do I globally prevent all page titles from appearing on any page?

Elementor provides a filter called:

hello_elementor_page_title

You can add code that makes use of this filter to your child theme’s functions.php file. Alternatively you can use a 3rd-party plugin such as Code Snippets to add functions to your theme without needing to use a child theme, and without needing to edit your theme’s functions.php file. The code to add to either your child theme’s functions.php file or to your snippets plugin is:

function ele_disable_page_title( $return ) {
   return false;
}
add_filter( 'hello_elementor_page_title', 'ele_disable_page_title' );

I want page titles on most of my pages, but I want to remove them from select pages. How do I do that?

You can choose to hide a page’s title while editing the page with Elementor. Click the Page Settings gear icon in the lower left of the widget panel to access the Hide Page Title option. Read more about this feature


How do I change the "Search Results for:" archive title for the Search Results page?

You can add code to your child theme’s  functions.php file. Alternatively you can use a 3rd-party plugin such as Code Snippets to add functions to your theme without needing to use a child theme, and without needing to edit your theme’s functions.php file. The code to add to either your child theme’s functions.php file or to your snippets plugin is:

add_filter( 'elementor/utils/get_the_archive_title','archive_callback' );
function archive_callback( $title ) {
 if ( is_search() ) { 
   return 'Your Custom Message Here: ' . get_search_query() ; 
 } 
   return $title; 
}

Make sure you change Your Custom Message Here: to whatever you prefer.


How do I add the Widgets menu option?

To enable the Widgets menu item in the WordPress admin menu, use the following code:

if (function_exists("register_sidebar")) {
  register_sidebar();
}

You can add this code to your  child theme’s functions.php file. Alternatively you can use a 3rd-party plugin such as Code Snippets to add functions to your theme without needing to use a child theme, and without needing to edit the functions.php file. 

Once you have the Widgets menu available to you, you can assign Widgets to the Sidebar as usual in Appearance > Widgets. You can then use this Sidebar anywhere on your Elementor page. Simply add a column in a section and drag the Sidebar widget into the column. 

If you prefer to register new or custom widget areas via code, instead of using the Sidebar widget (for example, if you need a sidebar on a non-Elementor page), you can find sample code in the official WordPress Widgetizing Themes documentation. Your code may differ from the sample code based upon your particular needs. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.