-
Posts
-
Hello,
i’m using Enfold and enjoy it. Great theme – thanks a lot!
In Avia Builder I ordered first a Color-Container with a headline and a button. The Second Container also is a Color-Container with an Shortcode inside.
After I publish the new page (http://www.anbosa.de/wp-admin/post.php?post=6460&action=edit / orange Persönlicher Bereich / Verträge) the second Color-Container is displayed first. So, what could be the reason for this. Also, the System-Messages will be displayed in the header (for Example please look here: http://www.anbosa.de/pflegefachkraft-email/ ; site is htaccess-protected, please see private Content for login).
I’v looking for a solution using google, but can’t find it. I Hope you can help me.
Thanks a lot!
Greetings
AndreasHey andrassberlin!
Could you please provide us with a temporary admin login as well so that we can take a closer look? You can post the details here as a private reply.
Regards,
RikardHey!
Thank you for the info. As far as I can see, everything is displaying in the correct order on this page: http://www.anbosa.de/pflegefachkraft-vertraege/, the only thing not working seems to be the color section with the shortcode?
Best regards,
RikardHey!
Ok I see the problem now and it’s most likely coming from a plugin, could you try to deactivate all plugins to see if one of them is causing a conflict? Also, clear all cache from caching plugins and in your browser.
Cheers!
RikardHello Rikard,
I have disabled all the plugins and cleaned the cache in the browser and the caching plugin too. That I had already done before to find the reason for the conflict. Unfortunately without success. What is your price to fix it for me? ;-)
Greetings AndreasHey Rikard,
me again with a part of the Output (this time for page: http://www.anbosa.de/pflegefachkraft-email/).
Obviously shortcode will output at a fifferent location than plain text. If you please have a look on the code below, I think this is not a problem of the plugin-code, but of the theme-code.
I’ve marked the two points where the shortcode and the text are output (OUTPUT SHORTCODE and OUTPUT TEXT).<div class='stretch_full container_wrap alternate_color light_bg_color title_container'> <div class='container'> <h1 class='main-title entry-title'> <a href='http://www.anbosa.localhost/pflegefachkraft-email/' rel='bookmark' title='Permanenter Link zu: Pflegefachkraft – E-Mail' itemprop="headline" >Pflegefachkraft – E-Mail</a> </h1> <div class="breadcrumb breadcrumbs avia-breadcrumbs"> <div class="breadcrumb-trail" xmlns:v="http://rdf.data-vocabulary.org/#"> <span class="trail-before"> <span class="breadcrumb-title">Sie befinden sich hier:</span> </span> <a href="http://www.anbosa.localhost" title="anbosa" rel="home" class="trail-begin">Startseite</a> <span class="sep">/</span> <span class="trail-end">Pflegefachkraft – E-Mail</span> </div> </div> </div> </div> OUTPUT SHORTCODE <div id='pfk-section' class='avia-section main_color avia-section-small avia-no-border-styling avia-bg-style-scroll avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap sidebar_right' > <div class='container' > <main role="main" itemprop="mainContentOfPage" class='template-page content av-content-small alpha units'> <div class='post-entry post-entry-type-page post-entry-4495'> <div class='entry-content-wrapper clearfix'> <div class="flex_column av_one_third first avia-builder-el-1 el_before_av_one_third avia-builder-el-first "> <section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <div class='avia_textblock ' itemprop="text" > <h3>E-Mail</h3> </div> </section> </div> <div class="flex_column av_one_third avia-builder-el-3 el_after_av_one_third el_before_av_one_third "> <section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <div class='avia_textblock ' itemprop="text" > <div class='avia-button-wrap avia-button-center avia-builder-el-5 avia-builder-el-no-sibling '> <a href='http://www.anbosa.localhost/pflegefachkraft-persoenlicher-bereich/' class='avia-button avia-icon_select-no avia-color-custom avia-size-large avia-position-center ' style='background-color:#ffffff; border-color:#ffffff; color:#FF5D4C; ' > <span class='avia_iconbox_title' >Zurück</span> </a> </div> </div> </section> </div> <div class="flex_column av_one_third avia-builder-el-6 el_after_av_one_third avia-builder-el-last "> <section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <div class='avia_textblock ' itemprop="text" > <p style="text-align: right;">Edouard Simon</p> </div> </section> </div> </div> </div> </main><!-- close content main element --> </div> </div> <div id='av_section_2' class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-builder-el-8 el_after_av_section el_before_av_section container_wrap sidebar_right' > <div class='container' > <div class='template-page content av-content-small alpha units'> <div class='post-entry post-entry-type-page post-entry-4495'> <div class='entry-content-wrapper clearfix'> <section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" > <div class='avia_textblock ' itemprop="text" > <p>OUTPUT TEXT</p> </div> </section>Hey!
I viewed your pflegefachkraft-vertraege page but the color sections are displaying in the correct order for me. Did you get this sorted?
Cheers!
ElliottHi!
Not sure what it could be. The two pages have the same content on the frontend but when I look at their content in the page edit screen their it is different which is weird. It’s most likely related to the plugin shortcodes your using. I would try contacting the plugin authors to see if they have any idea. Perhaps the shortcodes are breaking the layout somehow.
Or as an alternative you could try using the shortcodes outside of any full width elements such as the color sections to see what happens.
Regards,
Elliott
- The topic ‘Layout First Container is displayed after second container if using shortcode’ is closed to new replies.