Appended features out of layout when page created with Elementor

  • Resolved pewgeuges

    (@pewgeuges)


    3 years, 4 months ago

    Hello,

    In your Hello Elementor theme we’re having a layout problem with features appended to the_content of the page, at the end of the post, such as the references container from the Footnotes plugin. Unlike other themes, authored by WordPress or others, Hello Elementor displays this container out of layout, without any margins, as if it were in the footer, in pages created by the Elementor plugin. In pages created with the built-in Block editor Gutenberg, the footnotes container displays properly. So it does in ten other themes, including three from WordPress, regardless whether the post has been created in Elementor or in Gutenberg.

    May you please fix the Hello Elementor theme to ensure the synergy with Elementor and other widely used plugins?

    Thank you.

Viewing 1 replies (of 1 total)
  • Thread Starter pewgeuges

    (@pewgeuges)

    3 years, 4 months ago

    The lack of margins around the Footnotes references container in pages built with Elementor in Hello Elementor is a feature. The style sheet hello-elementor/theme.css stipulates that the Basic responsive layout applies always to the site header, but not always to the main content, namely not when the page is built with Elementor:

    
/* Basic responsive layout
   ========================================================================== */
.site-header, body:not([class*="elementor-page-"]) .site-main {
  margin-right: auto;
  margin-left: auto; }

@media (max-width: 575px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    padding-right: 10px;
    padding-left: 10px; } }

@media (min-width: 576px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    max-width: 500px; } }

    and so on.

    WordPress conformant is the other way around, to maintain default layout for everything, and unset the max-width for specific elements as needed.

    The Hello-Elementor scheme backfires in multiple ways:

    1. Site header and page content don’t align;
    2. The post title displays without margin before either.

    Normally these faulty rules are corrected in a child theme. But that may cause issues to users of Elementor given this is built on top (or mainly tested in) Hello Theme and may not be set up to override max width when it comes to full-width images?

    Since other plugins like Footnotes append features to the content assuming that they stay in the benefit of responsive max width and auto margins, they fall short of getting these elements displayed properly.

    A workaround is going to be posted on the Footnotes forum, and an issue or pull-request shall be opened on GitHub as required by Elementor for code-related questions.

    Given all the above, this may be marked as resolved though.

Viewing 1 replies (of 1 total)
  • The topic ‘Appended features out of layout when page created with Elementor’ is closed to new replies.

Tags