-
Posts
-
Hi,
I am using shortcodes in my template files to use variables inside them like this:
[av_section min_height_px="500px" padding="large" shadow="no-shadow" bottom_border="no-border-styling" color="socket_color" custom_bg="#000000" attach="scroll" position="top left" repeat="no-repeat" video="" video_ratio="16:9" overlay_opacity="0.5" overlay_color="" overlay_pattern="" overlay_custom_pattern="" custom_class=""] [av_video src="'.$course_unit_video.'" format="16-9" width="16" height="9" custom_class=""] [av_notification title="التحكم بالفيديو" color="orange" border="dashed" custom_bg="#444444" custom_font="#ffffff" size="normal" icon_select="yes" icon="ue855" font="entypo-fontello" custom_class=""] يمكنك عرض الفيديو بدقة عالية بالضغط على الزر المخصص (HD) من شريط الفيديو. كما يمكنك تكبير الفيديو ليتم عرضه في كامل الشاشة. [/av_notification] [/av_section]However, there seems to be a problem as the section is not getting closed by the [/av_section] and it’s showing all content below this shortcode within the same section.
Any ideas why the section is not closing?
Thanks!
Hey DrHariri,
Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.
Thanks,
RikardThanks for your help Rikard.
After logging it, you can take a look at this post:
If you inspect the post content, you will notice that the section is not getting closed and that although the section should appear around the video only, it continuing to cover everything in the post and post content.
I have just updated Enfold to the latest version but I can still see this issue. Can you please know if you do find a fix to this so that I can apply it to the live site as this site I am providing you is my staging/development.
Thanks!
Hi,
I’m sorry but you cannot use the color section as a shortcode outside the advance layout builder because it is following a certain logic. It is creating closing tags base on the current layout of the page. If you really need the color section in a template, create a temporary post or page then insert the color section shortcode. Check the frontend version of the page, inspect the elements then extract the actual html code. For example, you can insert this color section markup directly in the template.
<div id="av_section_1" class="avia-section main_color avia-section-default avia-no-shadow avia-full-stretch avia-bg-style-scroll avia-builder-el-0 el_before_av_submenu avia-builder-el-first av-minimum-height av-minimum-height-25 container_wrap sidebar_right" style="background-repeat: no-repeat; background-image: url(https://ideavalidation.staging.wpengine.com/wp-content/uploads/Banner-StartupChart-528x423.jpg); (hosted on WPengine) background-attachment: scroll; background-position: top center; " data-section-bg-repeat="stretch"> <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-13"> <div class="entry-content-wrapper clearfix"> <div style="padding-bottom:10px;font-size:38px;" class="av-special-heading av-special-heading-h3 blockquote modern-quote modern-centered avia-builder-el-1 avia-builder-el-no-sibling av-inherit-size"> <h3 class="av-special-heading-tag" itemprop="headline">Hello</h3> <div class="special-heading-border"> <div class="special-heading-inner-border"></div> </div> </div> </div> </div> </main><!-- close content main element --></div> </div>Best regards,
Ismael
- You must be logged in to reply to this topic.