Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1133402

    Hi,
    We trying to use Enfold as our new theme, so we rebuild all the website.
    How can I add a 2-4 column inside a layout element ?
    We have many content where we need to have columns (2,3,4), and I cant find any content elements to do this !
    The only way I found is to use a Text Block and adding a table (edited in a html editor) !!!
    Is there any way to do this in a easy way ?
    We used WPBakery for years, and in there it’s very easy to do
    Thanks in advance

    #1133708

    Hey LUPE_1222,

    Did you try the 1/1, 1/2, 1/3, 1/4 and 1/5 elements for instance? If you need to nest elements then you can activate debug mode and then copy shortcode within the elements in question: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode.

    Best regards,
    Rikard

    #1133871

    Thanks,
    I have solved the problem by using sidebar for the menu, and now it’s OK.
    But I still wander if there is a way to have extra columns inside a column element
    Thanks for your answer… :)

    #1134193

    Hi,

    Nesting columns is not possible by default unfortunately, you would have to use shortcodes within the containing element if you want to do that. It’s unsupported like I mentioned, but it should be possible.

    Best regards,
    Rikard

    #1203799

    I’m having an issue with using the short code from the debugger. I appears to work until I try to edit it after it has been saved.

    The first set of code is after I add the shortcode within a 2/3 column
    This works.

    [av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='aviaTBmargin' custom_margin='50px,0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' 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='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2azm2']
    
    [av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='0px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1oxpi']
    
    [av_image src='http://christineg8.sg-host.com/wp-content/uploads/genesis.jpg' attachment='115' attachment_size='full' copyright='' caption='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid='av-k8rf31r7' admin_preview_bg=''][/av_image]
    
    [av_buttonrow alignment='center' button_spacing='5' button_spacing_unit='px' alb_description='' id='' custom_class='' av_uid='av-k8rf3wwf' admin_preview_bg='']
    [av_buttonrow_item label='Spec Sheet' icon_select='no' icon='4' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-7bui']
    [av_buttonrow_item label='IES Files' icon_select='no' icon='5' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-4uhu']
    [av_buttonrow_item label='Instructions' icon_select='no' icon='6' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-tizy']
    [/av_buttonrow]
    
    [/av_one_third][av_two_third min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-24zpu']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k909zdaq' admin_preview_bg='']
    <h1>Interior Static White Ribbon</h1>
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
    [/av_textblock]
    [av_one_half first min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1gr3y']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
    [/av_textblock]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-39mm']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
    [/av_textblock]
    
    [/av_one_half]
    [/av_two_third][/av_section]

    This part is what happens when I edit some of the text within a 1/2 column nested in 2/3 column. It removes the 1/2 columns nested in the 2/3 and duplicates it below the section.

    [av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='aviaTBmargin' custom_margin='50px,0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' 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='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2azm2']
    
    [av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='0px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1oxpi']
    
    [av_image src='http://christineg8.sg-host.com/wp-content/uploads/genesis.jpg' attachment='115' attachment_size='full' copyright='' caption='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' id='' custom_class='' av_element_hidden_in_editor='0' av_uid='av-k8rf31r7' admin_preview_bg=''][/av_image]
    
    [av_buttonrow alignment='center' button_spacing='5' button_spacing_unit='px' alb_description='' id='' custom_class='' av_uid='av-k8rf3wwf' admin_preview_bg='']
    [av_buttonrow_item label='Spec Sheet' icon_select='no' icon='4' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-7bui']
    [av_buttonrow_item label='IES Files' icon_select='no' icon='5' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-4uhu']
    [av_buttonrow_item label='Instructions' icon_select='no' icon='6' font='entypo-fontello' size='medium' label_display='' title_attr='' color='custom' custom_bg='#9fb252' custom_font='#ffffff' link='manually,http://' link_target='' av_uid='av-tizy']
    [/av_buttonrow]
    
    [/av_one_third][av_two_third min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-24zpu']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k909zdaq' admin_preview_bg='']
    <h1>Interior Static White Ribbon</h1>
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
    [/av_textblock]
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 RADIAL Damper</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
    [/av_textblock]
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
    [/av_textblock]
    
    [/av_two_third][av_one_half first min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1gr3y']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 RADIAL Damper</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
    [/av_textblock]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-39mm']
    
    [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k90a12et' admin_preview_bg='']
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-20hu2' admin_preview_bg=''][/av_font_icon]<a href="#eb-150">EB-150 Radial Damper</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-1jf6a' admin_preview_bg=''][/av_font_icon]<a href="#eb-250">EB-250 Round Damper & Damper Drive System</a>
    
    [av_font_icon icon='ue835' font='entypo-fontello' style='' caption='' size='20px' position='left' color='#31572f' link='' linktarget='' animation='' id='' custom_class='' av_uid='av-wi0q' admin_preview_bg=''][/av_font_icon] <a href="#eb-200">EB-200 Rectangular Damper & Damper Drive System</a>
    [/av_textblock]
    
    [/av_one_half][/av_section]

    Any idea why it does this?

    • This reply was modified 4 years, 6 months ago by argusnet.
    #1204601

    Hi argusnet,

    Could you give us access to where we can see the actual elements on the backend? Please note that nesting elements like you are is not supported by default.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.