elementor / hello-theme

A plain-vanilla theme, best suited for building your site using Elementor plugin. This theme resets the environment and prepares it for smooth operation of Elementor.

Welcome to the Elementor GitHub repository!

Elementor is the most advanced front-end drag-and-drop website builder. Create high-end, pixel-perfect websites at record speeds. Build any theme, any page, and any design with no code.

Introducing a WordPress website builder with no limits of design. A website builder that delivers high-end page designs and advanced capabilities never before seen on WordPress.

It's time for Elementor Website Builder.

The leading website builder for any purpose

Whether you are a web designer looking for a way to achieve pixel-perfect websites, a marketer looking to get online fast, or a developer who wants to expand their capabilities, Elementor's website builder has what you need - intuitive drag-and-drop Editor, advanced design features and a complete open-source approach.

There are many other features to help you build better websites. Join the elite web professionals who enjoy Elementor Pro!

Elementor Roadmap

Discover what's Next in Elementor. Visit the Elementor Roadmap and learn about the status of upcoming or newly-released features.

Developer API

Elementor website builder is free and open source. It's the perfect plugin to extend and integrate further. It was envisioned with the developer in mind, and we have already seen some truly remarkable addons created by many skilled developers.

To help you get started and learn just how to integrate with Elementor, we have created the official Elementor Developers Center.

Check the Developers Blog to discover the latest information from our engineers working on the newest Elementor versions, or visit the Developers Documentation to learn how to extend Elementor and create your Addons.

Developers Community

Join our Developers Community and share tips, tricks, and knowledge with other developers about extending and developing Addons for Elementor.

Be a Contributor

Community contributions are always welcomed and help us remain the Number 1 WordPress Website Builder. Feel free to answer questions on GitHub and within the various Elementor communities.

There are many ways to contribute to Elementor:

Contribution Guidelines

Please read our Contribution Guidelines to learn the best practices for contributing to Elementor.

Bug Report

If you found a bug in the source code and can reproduce it consistently after troubleshooting it, you can help us by submitting a Bug Report.

Even better, you can submit a Pull Request with a fix, and we will happily review it.

Security Report

Join our community-driven Bug Bounty programs.

We leverage the collective expertise of our community, offering round-the-clock crowdsourced vulnerability detection. The programs provide a comprehensive overview of features and endpoints considered 'in scope,' reward specifics where relevant, and our complete terms and conditions.

To learn more about our security efforts, visit our Trust Center. Security issues can be reported through our dedicated Bug Bounty Programs page.

Feature Request

Do you have a brilliant idea, enhancement, or feature you would love to see in Elementor? We're all ears!

Suggest new ideas, features, or enhancements by submitting a Feature Request.
You can also support existing ideas by voting for your favorite requests.

Translate

The Elementor User Interface was designed with a global audience in mind. It supports a wide range of languages and is also RTL compatible. Out of the box, we offer support for over 60 languages.

Want to make a difference?
We would appreciate your contribution by adding a new language or helping translate existing ones at translate.wordpress.org. To assist you, we've built a short guide explaining how to translate and localize the plugin.

Support

Need Help, Guidance, Assistance, or Support?

Use one of the support channels below to find solutions to your questions and get assistance.

Note that we are unable to offer any support through this repository.

Please DO NOT open issues or discussions to request support.
For those, use the appropriate channels.

Find out how to submit a Support Ticket here.

Alternatively, you can visit one of these resources:

• Help Center
  Visit the Elementor Help Center to find solutions to the most frequent problems, or read the documentation about Elementor's many features.
• Academy
  Grow your Web Creator skills and learn to make the most of Elementor in the Elementor Academy.
• Global Community
  Join the Elementor Global Community on Facebook. Where all kinds of users come together to help each other.
• Support Forum
  If you have more questions, visit the free Support Forum on our WordPress plugin page.
• Elementor Website
  For more information about features, FAQs, and documentation, check out our website at Elementor Website Builder.

If you have an active Elementor Pro subscription, you are entitled to personal support. Please see your purchase email or visit your Elementor Account page for details.

Liked Elementor?

• Join the Elementor Global Community on Facebook.
• Learn from our tutorials on Elementor's YouTube Channel.
• Or rate us on WordPress. It would mean the world to us! :)

hello-theme's Issues

Style over rider on woocommerce category listing

When using this theme with elementor pro and woocommerce the style from the category listing cannot be applied as Woocommerce style takes over.

When I use 2019 from wordpress the proper style shows up.

When I de-activate all the plugins and only keep elementor, elementor pro and woocommerce the same behaviour happens.

You can see in here :

how the woocommerce style takes over the inline elementor style. It seems like the CSS class is not precise within the Hello theme.

Issue with WPAdverts categories pages

Hello,
I'm having an issue with the WPAdverts plugin. When using Elementor with Hello theme the WPAdverts categories do not work. Instead of the adverts I get a cannot be find page. I tried to switch to Twenty Twenty WP theme and it works well.
Hope you can help, thanks.
Greg

WP admin bar disappeared

Since the last updates, the frontend wp admin bar disappeared. Must be some issue with the php call to the footer?

Right now have to force it with a snippet right now.

function admin_bar(){

  if(is_user_logged_in()){
    add_filter( 'show_admin_bar', '__return_true' , 1000 );
  }
}
add_action('init', 'admin_bar' );

WP media gallery is show using only one column instead of columns value set in gallery settings

Using standard wp media gallery, regardless of columns value set, Hello Theme display it using single column on desktop device.

Theme update

Hi everyone, I installed the version 2.0.5 of the Hello theme by adding it from the wordpress repo. I noticed that it doesn't update automatically.
Thank you

Video in place of featured image on Blog Archive Pages

Hi,
I have a suggestion for improvement.

The world is currently driven by video. The largest blog and news site use videos in their publications. The Elementor plugin and Hello Theme need to support videos in place of the featured image on Blog Archive Pages.

Teme DIVI has been doing this for a long time. See the example below:
https://www.elegantthemes.com/preview/Divi/blog-masonry/

The images below will illustrate how DIVI is currently doing.

Article don't show the quote

Hello theme version 2.2.2.
The article on the blog don't show the quote.

An example here https://sviluppo.creationis.it/2019/12/30/ciao-mondo/

How to fix that?

Installing jquery selectric

Hello, I have a big issue here.
I can't figure out how to install this https://selectric.js.org/
On hello theme.
Can someone please explain to me how I can do that?

Hello theme doesn't display Arabic

The page is being translated by MultilingualPress on a multisite environment. The relationship works and we can translate from one page to another with no issues. WooCommerce strings shows in Arabic through Elementor page editor but it displays the strings in English.

Shows Not Found Page for Taxonomy Archive

I'm using Elementor PRO with the Theme Customizer and the Hello Elementor Theme. When used with bbpress and Sensei LMS the Hello Theme gives a Page Not Found error on the front end for some of the bbpress and sensei views.

The bbpress user Profile (dynamic/fake) page, for instance, should be treated as a "single" but instead defaults to the 404 Not Found page.

In Sensei LMS, Module Archives which are in fact taxonomies are also unhandled and treated with a 404 page.

I understand that using a child theme and adding those conditions along with an appropriate template is the most straightforward way to get around the issue. But this defies the purpose of using the Theme Customiser with Hello Elementor.

Has anyone found a way around this issue that still allows the use of the Theme Customiser with either dynamic pages or taxonomy archives?

Excerpt post automatic

How can I automatically generate the excerpt of each post?

Hide Title as theme DEFAULT?

Hey, I'm not sure if this is the right place to leave feature requests, I'm not familiar with GitHub.

But something that would be very helpful in Hello Theme would be the option to HIDE TITLE in EVERY post as a default. It's EXTREMELY tedious having to go in after each new page and having to go to the page settings to hide title. I'd like it to forever hide title. The title is ugly and useless at its default and its an extra obstacle to remove before designing the page.

Could you guys add support for Admin Menu Walker 5.4

A plugin I use to control nav Item visibility used to replace this code itself but now the wordpress core handles it so the dev of the plugin took it out. She's saying in this thread it's the theme developer who needs to support it now.

https://wordpress.org/support/topic/menu-items-invisible-2

https://wordpress.org/plugins/nav-menu-roles/#instructions%20for%20patching%20your%20plugin%2Ftheme

In the links above the plugin dev explains the fix which I would rather not to manually as I'm not a theme developer.

Thanks!

elementor-hello-theme: css variables causing error

Prerequisites

• I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• The issue still exists against the latest stable version of Elementor.

Description

In the 'elementor-hello-theme -> Customizer -> Additional CSS', using css variables causes the css text editor to throw errors, but the css is executed properly.

Desconfiguración de la alineación de los botones.

He instalado el complemento elementor addons templates sizzify lite y me ha desconfigurado la alineación de todos los botones para escoger cualquier opción al finalizar la compra. Hay alguna manera de arreglarlo por código sin quitar el plugin?

Sitewide CSS for Gravity Forms

I am running Elementor Pro 2.10.3 with a Hello Child Theme. I have Gravity Forms 2.4.19 and Ultimate Addons 1.26.1 installed.

I know how to make changes to individual forms on specific pages using both Ultimate Addons Gravity Forms and on Page CSS.

Is there a way to set basic style for all Gravity Forms on my website via CSS?

I have tried to disable the Gravity Forms styles via Functions.php and add my own sitewide stylesheet. I'm able to break the out-of-the-box style but I can't find a way to have my new code function. I have added code to style.css and I have added my own stylesheet gravityforms.css.

I'm running out of ideas. Am I stuck styling each form individually or is there a process to create a sitewide CSS for Gravity Forms?

I would like to create a basic style for forms that I use on all of my websites so that I only have to tweak around the edges for each site. As it stands now, every form on every page of every site needs custom style.

Option to hide page title in theme customizer

Is there any particular reason why Hello Elementor doesn't utilize the WordPress theme customizer?

The one thing that annoys me the most about Hello Elementor is that it isn't the blank canvas theme it promises to be. The page title - which is outputted by default in single.php - completely ruins the layout of all pages.

I've read the discussion on issue #81, asking users to add code to functions.php, but isn't the ultimate purpose of Elementor to give users without coding skills the power to have full creative freedom in designing their sites? Asking people to create a child theme and writing PHP code is, I presume, as far from the core philosophy behind Elementor as you can get. The alternative, having to go into the Page Settings of every single page on the site to hide it, isn't a lot better.

Would it be ok to ask for this to be a theme customization setting? I have implemented the functionality myself and could submit a pull request, but I'm not a WordPress theme developer and it would be my first time contributing to an open-source project, so I suppose I could use some guidance and someone checking my code.

Hello Theme Archive Posts Per Page

Hello,

since Elementor Pro uses the theme for deciding how many posts are shown in an archive (elementor/elementor#6336), the Hello Theme should give us the option - or the Elementor Pro Archive widget should be able to do that, because this is very essential for lots of sites.

Thanks!

style.min.css styles wins child theme style.css even with Disable Default Fonts enabled

Have some global styles in the hello child theme

In builder and view those styles are replaced by style elements in style.min.css

Customizer's "additional CSS" tool sees CSS variables as errors

It's not a major problem, but being forced, everytime, to click the checkbox in order to "convince" the parser that CSS variables definitions are not errors, it's quite annoying.
Thank you

Remove Link Relationship (XFN) from header.php

Remove this unnecessary link from header.php

link rel="profile" href="http://gmpg.org/xfn/11"

Remove all css option

It would be really cool if it was an option to disable all styles and javascript, so it was just a 100% plain template alternative where we could design everything our selves. I thought that was the purpose of this template until v. 1.1.0 which made everything harder 😬

It could for example be a switch which had the option enable / disable basic styling and javascript.

Hello Theme not in Wordpress Repository

The Hello Theme is no longer showing up in the official Wordpress Repository. When you search Hello Elementor it just says "No themes found. Try a different search."

Compatibility with AMP

Hi,

The world is mobile. Mobile first then.
It would be amazing to have compatibiliade with AMP to make our projects incredibly fast.

There are already solutions in the market that promise this:
https://ampforwp.com/amp-pagebuilder-compatibility/

But I would like to see this in the core of Elementor

Add support for wp_body_open()

It would be great to see out-of-the-box support for wp_body_open() in the theme templates.

See here: https://developer.wordpress.org/reference/functions/wp_body_open/

Ken Burns Effect removes background overlay colour on slides element

Ken Burns Effect removes background overlay colour on slides element even after the latest update 2.71. When I turn off Ken Burns effect the background colour comes back. Please fix.

attachment.php template

Hi there,

We use the Hello theme and we're trying to create a template for the attachment pages.
It seems like it should be possible as the attachment.php template is listed here https://developers.elementor.com/theme-locations-api/ but I can't seem to find where to create one in Elementor itself. Can you help please?

Broken basic responsive layout

Hi there,

I might be misunderstanding, but I can't seem to get the basic responsive layout working.

I can see in the parent theme CSS that the basic layout applies to any page where the body class doesn't have something including elementor-page-, but I've still found some pages that shouldn't have the class (e.g. custom posts generated by a plugin) include that class.

It also targets the .site-main class to give the body a max-width. I can't find this class, I can only find .site-content.

I'm not the most savvy Wordpress user, but in order to get some post type templates working properly I've had to modify that css to target the .site-content class, as well as making provisions for content types that incorrectly include an .elementor-page- class on the body.

Happy to help troubleshoot if needed

Thanks

the_content missing

I am working currently on a page with paidmembership plugin and on some pages where I only should include a shortcode I get the error message that "the_content" is missing.
I read on the Elementor tutorials that this can be included in the theme but most theme have that. Themes Hello-Theme does not have that.
Can you include it?

Please let me set typography for post comments.

The Post Comment widget can only inherit typography from the theme. Please add the ability to set the default typography in Wordpress theme customization. I had to switch to Astra, although I didn't want to.

In the comments widget, there's a "Skin = Theme Comments" pulldown menu with no alternative selections. I'm not an expert and neither the Elementor docs nor Googling helped me understand how to use that feature.

Mobile Dropdown does not stretch

Hi, Hello theme Mobile dropdown works great on Tablet stretching across the whole screen but on Mobile it does not stretch 100%, is this an issue? Thanks ///

Updated and it's fixed now, please ignore this thread thanks

Primary colour option

Shouldnt there be a simple option to change the primary theme colour from '#c36'?

Problems inlcuding custom scss

Hello,
I would like to import in all my porjects a stylesheet with all the 'h' tags and 'body' tag definitions, that overrides the theme and elementor ones. I read the readme.txt, and I tried to follow the instructions but I had some issues.

First, the theme here and the theme that I downloaded form your site, despite being both 2.1.2, have a different tree structure.... only the one in this repository has a scss folder.

So I took the one from this repository and I created a custom folder unders assets\scss and there I put a custom.scss (with the @import syntax) and a rdsus_style.scss file, which is my custom scss file, with the 'h' and 'body' definitions
At this point I had the files in assets\scss\custom\

The syntax I put in custom.scss is a syntax I found on an older version of your theme:

rdsud_style style:
@import "rdsud_style";

Then I regenerated the css in elementor but nothing. It didn't work.
What I did wrong, could you tell me please?

Thank you very much, and keep up with the good work

Global Code Input

Hi, I really love how light the theme is but there is one thing I really miss from the previous theme I used (Beaver Theme) and that was the ability to add code, like tracking/analytics or JS code directly in the customizer. That theme allowed me to add code between the head tags, header tags, and footer tags but also gave a separate field for global JS, all of which are extremely convenient and removed the risk of others messing something up when working in a header or footer PHP template file.

Example of the location and options
https://snipboard.io/YX5HDx.jpg

Example of code input
https://snipboard.io/3sCTRE.jpg

Is this something that can be considered for the theme in the future?

Text Editor Widget: Large images with captions break theme responsiveness

The Issue

When we add large images (with captions) inside the "Text Editor" widget, the mobile view breaks.

I guess it happens because the theme doesn't use the CSS required every theme should use:
https://codex.wordpress.org/CSS#WordPress_Generated_Classes

Recreate

To recreate the issue with Elementor Hello Theme:

1. Create a new page/post and edit it with Elementor.
2. Add a new "Text Editor" widget.
3. Within the wp-editor add an image between the paragraphs using the "Add Media" button.
4. Select a large image and add a caption to the image.
5. Now switch to mobile view using Elementor responsive display. Or view the page in your mobile phone.

The issue: the image is wider then the port view. The site has a horizontal scrollbar.

The Solution

The solution is to add .wp-caption{ max-width: 100%; } or figure{ max-width: 100%; } in case the user manually or problematically removes the class.

Add option to set link color globally

There is now way to set the link color globally, which can be annoying. And every other theme is offering it.

Remove first <h1> tag from default page layout

When the page layout is set to default there is a (h1) Home and another (h1) with you page title.

This could be a SEO improvement for Hello Theme.

If I choose the Elementor canvas the first (h1) is gone, but so are the header and footer.

Show version of Hello Theme at CSS query string

It could be better showing Hello Theme version instead of WordPress version.

• is better to not reveal WordPress version to hackers
• if Hello Theme CSS change, than it change immediately also visitors in their browser cache

Use only semi transparent colors that look acceptable on a light or dark background

The theme has elements with colors that look good only on a white background. On a colored background, these colors look out of place.I Suggest that you do not use opaque colors in the theme.

For example, the theme has an indication for coloring a table through a row.

table tbody > tr:nth-child(odd) > th {background-color: #eeeeee; }
table tbody tr:hover > th {background-color: #e9e9e9; }
table tbody + tbody {border-top: 2px solid #cccccc; }

I believe that this unnecessary element should only be present in the form of a translucent color, for example, replace the #eeeeee color with #bbbbbb40. This approach is more universal, for cases if it is necessary to specify the color.

The values of colors and transparency should be selected to look acceptable on any background color.

No Custom CSS Panel in Appearance > Customize

Apologies if I've overlooked something - I'm new. I'm using Hello theme 2.2.2 with Elementor Pro 2.8.2. I don't see a "Custom CSS" panel inside the Appearance > Customize panel. When I edit the theme, there is a link that takes me to a Custom CSS panel, but nothing there is editable. I was asking in a Facebook group about this and others using the Hello theme do see a custom CSS panel inside Appearance > Customize, but it is totally missing from my version of the Hello Theme. Screenshots attached.

Fatal php error

When trying to create child theme with lilaeamedia child theme configurator plugin - should i be concerned by this?:

Fatal error: Uncaught Error: Call to undefined function zita_responsive_spacing() in /home/cartmelp/public_html/cmbctest.co.uk/wp-content/plugins/zita-pro/admin/zita-style.php:8
Stack trace:
#0 /home/cartmelp/public_html/cmbctest.co.uk/wp-content/plugins/zita-pro/admin/zita-style.php(1078): zita_pro_custom_style()
#1 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/class-wp-hook.php(286): zita_pro_scripts('')
#2 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(NULL, Array)
#3 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/plugin.php(465): WP_Hook->do_action(Array)
#4 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/script-loader.php(2537): do_action('wp_enqueue_scri...')
#5 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/class-wp-hook.php(286): wp_enqueue_scripts('')
#6 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters(NULL, Array)
#7 /home/cartmelp/public_html/cmbctest.co.uk/wp-includes/plugin.php in /home/cartmelp/public_html/cmbctest.co.uk/wp-content/plugins/zita-pro/admin/zita-style.php on line 8

Comments form BUG - missing URL input field style

See this screenshot:

The issue source is the the missing CSS input[type="url"], in the reset file.

Remove page title

Could there be an option to remove the H1 tag (.entry-title) from pages/posts? When using Elementor, I usually give pages their own H1 tags using a widget, or adding a widget to the single template.

I would be great if the default H1 tag could be removed (not printed at all, not just hiding it with CSS display: none).

Thanks!

Wrap page content in .elementor-container

Hi,

By default, my page content takes the full width of the page. Is it possible to wrap it inside a .elementor-container without making templates?

Lucas

hello_elementor_content_width not working?

How does the filter work? hello_elementor_content_width

Did an extreme test to see if it works and it's not. Page template in theme builder set to default.
add_filter( 'hello_elementor_content_width', '80px' );

iPhone X Landscape Compatibility

Due to the provision Apple made for the iPhone X notch, all websites have white margin bars added to them when in landscape mode. Please add viewport-fit=cover to the <meta> tag to fix it.

Add global colours / styles

I recommend this theme to everybody using elementor but there's no easy way without custom css or 3rd party plugins to set site wide styles (for example, setting the default text link color)

WooCommerce Child Page: Filename cannot be empty wc-template-functions.php

When I create a Thank you page /thank-you, everything works properly. If I create a Thank you page as a subpage /parent/thank-you, I get the following errors:

Warning: include(): Filename cannot be empty in /public_html/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 49

Warning: include(): Filename cannot be empty in /public_html/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 49

Warning: include(): Failed opening '' for inclusion (include_path='.:/usr/share/php') in /public_html/wp-content/plugins/woocommerce/includes/wc-template-functions.php on line 49

If I rename the slug from /thank-you to /thanks everything works properly.

It has something to do with the slug that equals thank-you only as a child page.

Each of the pages in this scenario is on a site with WooCommerce, but they are not "WooCommerce shop pages". The only content on these pages is the title.

This error is happening as a strange sort of 404 page.

The exact same thing happens if I try to go to a missing page like /test/thank-you. The test page exists but the child thank you page does not. The same errors are displayed. This is true if the /thank-you page exists or not.

Changing links color

Hello, I'm using Hello for several websites. It's simple and it's great but it is lacking at least one customisation imo : the ability to change the links color.
It seems I can't change it globally in elementor, it's usually a setting in the theme, but in Hello it doesn't exist.

It is still possible to change it with custom css but it would be great to have a way to set it, either in Hello or in elementor.

Thanks

Link color

How do I change the red color for links? Do I need to edit scss files or is there a theme option I have overlooked.