-
AuthorPosts
-
June 23, 2016 at 5:55 pm #652659
Hi,
It is possible create/insert a color section in Post pages?
I would like to insert the “html code” in DEFAULT EDITOR of post pages.
Thanks
June 23, 2016 at 6:05 pm #652662Hey CloudChoice,
Thanks for getting in touch with us!
You can use the debug field for the Avia Layout Builder to get the shortcodes for the Color section on a page and insert the code into the post’s default editor – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Or create a draft page and edit a color section how you want and use that code in the posts.
Best regards,
JordanJune 23, 2016 at 7:13 pm #652683Hi,
Thanks. But I tried two ways without success. The post does not accept the code correctly (because it is released in the wrong position)
(EXAMPLE CODE) Using (debug field for the Avia Layout Builder )
[av_section min_height='custom' min_height_px='100px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='bback' color='main_color' custom_bg='#32a5d2' src='' attachment='' attachment_size='' 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_codeblock wrapper_element='' wrapper_element_attributes='' custom_class=''] [av_sidebar widget_area='HAMBURGUER'] <div class="centrotitulo">[page_title]</div> [/av_codeblock] [/av_section] [av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='']
(EXAMPLE CODE) Using (view-source )
<div id='bback' class='avia-section main_color avia-section-no-padding avia-no-border-styling avia-bg-style-scroll avia-builder-el-0 el_before_av_hr avia-builder-el-first av-minimum-height av-minimum-height-custom container_wrap fullsize' style = 'background-color: #32a5d2; background-color: #32a5d2; ' ><div class='container' style='height:100px'><main role="main" itemprop="mainContentOfPage" class='template-page content av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-18226'><div class='entry-content-wrapper clearfix'> <section class="avia_codeblock_section avia_code_block_0" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_codeblock ' itemprop="text" > <div class='avia-builder-widget-area clearfix '><div id="text-64" class="widget clearfix widget_text"> <div class="textwidget"><div id="Divvoltar"> <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-left avia_start_animation avia_start_delayed_animation" style="color:#ffffff; border-color:#ffffff;"><a href="javascript:history.go(-1)" class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="fontello"></a></span> </div> <div style="float: right; margin-top: 7px;" class="hamburguer-class"> <a href="#mymenu" id="hamburger"> <span class="top-bar"></span> <span class="middle-bar"></span> <span class="bottom-bar"></span> </a> </div></div> </div></div> <div class="centrotitulo">teste teste</div> </div></section> </div></div></main><!-- close content main element --></div></div>
To function must be called immediately in all posts immediately after this code line:
<div id='main' data-scroll-offset='0'>
(EXAMPLE CODE)BUT THE POSTS call this code sequence before:
<div id='main' data-scroll-offset='0'>
<div class='container_wrap container_wrap_first main_color sidebar_right'> <div class='container template-blog template-single-blog '> <main class='content units av-content-small alpha av-blog-meta-date-disabled av-blog-meta-html-info-disabled' role="main" itemscope="itemscope" itemtype="https://schema.org/Blog" > <article class='post-entry post-entry-type-standard post-entry-18235 post-loop-1 post-parity-odd post-entry-last single-small with-slider post-18235 post type-post status-draft format-standard has-post-thumbnail hentry category-sem-categoria' itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost" ><div class='blog-meta'><a href='https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original.jpg' class='small-preview' title='TEST POST'><img width="180" height="180" src="https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-180x180.jpg" class="attachment-square size-square wp-post-image" alt="cytotec original" srcset="https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-180x180.jpg 180w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-80x80.jpg 80w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-36x36.jpg 36w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original-120x120.jpg 120w, https://abortonanuvem.com/pt-br/wp-content/uploads/sites/10/2014/07/cytotec-original.jpg 200w" sizes="(max-width: 180px) 100vw, 180px" /><span class="iconfont" aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></a></div><div class='entry-content-wrapper clearfix standard-content'><header class="entry-content-header"><span class="blog-categories minor-meta"><a href="https://abortonanuvem.com/pt-br/category/sem-categoria/" rel="tag">Sem categoria</a> </span><h1 class='post-title entry-title' itemprop="headline" > <a href='https://abortonanuvem.com/pt-br/?p=18235' rel='bookmark' title='Link permanente: TEST POST'>TEST POST <span class='post-format-icon minor-meta'></span> </a></h1><span class="av-vertical-delimiter"></span><div class="entry-content" itemprop="text" >
(EXAMPLE CODE)
Any suggestion?
- This reply was modified 8 years, 6 months ago by CloudChoice.
June 23, 2016 at 8:56 pm #652726Hi!
Can you please show us a an example of a page, so we can see the issue and identify it?
We would appreciate it a lot.Thank a lot for your patience
Regards,
BasilisJune 23, 2016 at 9:03 pm #652731Yes of course.
June 24, 2016 at 5:19 pm #653098Hi,
Any suggestion?
Thanks
June 28, 2016 at 3:48 am #654034Hi,
Thank you for the info. Use the “ava_after_main_container” hook. Example:
Instead of is_shop, use the is_single conditional function and render the shortcode with the do_shortcode function. https://developer.wordpress.org/reference/functions/do_shortcode/
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.