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?
- From your WordPress dashboard, go to Appearance > Themes and click Add New.
- Click Upload Theme.
- Click Browse and choose the file you just downloaded, then click Install Now.
- 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.
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?
- Download the Hello child theme from https://github.com/elementor/hello-theme-child
- From your WordPress dashboard, go to Appearance > Themes and click Add New.
- Click Upload Theme.
- Click Browse and choose the file you just downloaded, then click Install Now.
- Once it is installed, click Activate.
How do I customize the child theme?
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.
Hello Theme Header And Footer Customization
From the site header and footer customization menu you may configure the look of your site header. In addition to choosing the layouts, you can customize the width, background color, menu, appearance and style of each element.
Important: This feature will be active only on a new site. Existing sites need to opt-in to this feature through the Experiments screen. Once activated, there will be two new sections under the Site Settings > Theme Style.