-
AuthorPosts
-
September 3, 2019 at 3:09 pm #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 advanceSeptember 4, 2019 at 9:26 am #1133708Hey 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,
RikardSeptember 4, 2019 at 2:54 pm #1133871Thanks,
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… :)September 5, 2019 at 5:40 am #1134193Hi,
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,
RikardApril 14, 2020 at 10:18 pm #1203799I’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, 8 months ago by argusnet.
April 17, 2020 at 6:23 am #1204601 -
AuthorPosts
- You must be logged in to reply to this topic.