Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 24, 2019 at 2:01 pm #1159585
    Ralph

    Hi

    I created a page with two colums 2/3 and 1/3. In the 2/3 content I added text as well as an accordion. In the accordion I placed two team members (using the debug code)

    [av_one_half first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='20px,10px' row_boxshadow='aviaTBrow_boxshadow' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' title_attr='' alt_attr='' padding='10px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ffffff' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' mobile_breaking='' mobile_display='' av_uid='av-7ftg' id='' custom_class='']
    [av_team_member name='XXX' job='JOB' src='PICSOURCE' attachment_size='full' image_width='av-team-img-original' description='mehr erfahren' font_color='' custom_title='' custom_content='' av_uid='av-k1i8rm9h' id='' custom_class='' admin_preview_bg='']
    [/av_team_member]
    [/av_one_half]

    [av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' title_attr='' alt_attr='' padding='10px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='#ffffff' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' mobile_breaking='' mobile_display='' av_uid='av-5gds' id='' custom_class='']
    [av_team_member name='YYY' job='JOB' src='PICSOURCE' attachment='60' attachment_size='full' image_width='av-team-img-original' description='mehr erfahren' font_color='' custom_title='' custom_content='' av_uid='av-k1i8tmfz' id='' custom_class='' admin_preview_bg='']
    [/av_team_member]
    [/av_one_half]

    Unfortunately, now the 1/3 column moves underneath the entire 2/3 column box.

    Can you help?

    Kind regards,
    Ralph

    November 25, 2019 at 3:39 pm #1159878
    Victoria

    Hey Ralph,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    December 1, 2019 at 11:44 pm #1161684
    Ralph

    Hey Victoria

    Thanks for looking into it. Details are in the private box.

    Best regards,
    Ralph

    December 5, 2019 at 10:23 pm #1163232
    Basilis

    Hi,

    The shortcode is wrong, there is an open-element somewhere, can you please regenerate it ?

    Best regards,
    Basilis

    December 10, 2019 at 8:07 pm #1164599
    Ralph

    Hi
    I regenerated the shortcode. No changes. I also didn’t find an open element while examining the shortcode.
    Parser-Info also says: “SUCCESS: Keine Fehler wurden bei der Analyse der Shortcodes erkannt.”

    Best regards,
    Ralph

    December 11, 2019 at 5:10 pm #1164879
    Victoria

    Hi Ralph,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    December 11, 2019 at 11:00 pm #1165011
    Ralph

    Hi Victoria!
    I disabled WP-Rocket (used for caching und minification).
    Best regards,
    Ralph

    December 14, 2019 at 9:47 pm #1165936
    Mike

    Hi,
    Sorry for the late reply, I have examined your test page and it seems the team elements in the accordion that was inside of two 1/2 elements with “equal height” was braking the layout due to nesting. Removing the “equal height” from the columns corrected, but left the second column lower than the first, by default you can not adjust the second column alone. CSS would have been a good solution here if the columns had custom classes, but I found another workaround in this case. You can view the test page now and the shortcode in the text file in the Private Content area, what I did was make the columns “individual height” and in the “custom margin” of the first column I set it to “zero” to remove the normal top margin for both columns, and then for the padding I set the top padding to 30px for the first column and 0px for the top padding of the second column which made them equal.

    As an alternative, If you are familiar with CSS, I would recommend adding a custom class for the second column and making the columns “individual height” and then writing css to add -30px to the second column, I would have found that easier.

    Best regards,
    Mike

    December 15, 2019 at 10:05 am #1166021
    Ralph

    Thank you, Mike, for fixing the problem and for the explanation – that might help others as well. I’ll see which option I’ll finally apply.

    Cheers,
    Ralph

    December 15, 2019 at 11:24 am #1166023
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Two Team Members inside Accordion which is in a 2/3 column moves 1/3 column’ is closed to new replies.