Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #29003

    Hello,

    I recently updated the Enfold theme and I have been experiencing some alignment issues.

    When I insert any column shortcodes into tabs or accordions the alignment is off.

    I did not have an issue with this before I updated the theme, so I’m hoping it is a simple fix.

    It seems to be adding a ”
    ” tag just before the beginning of each new column which pushes the alignment of the content in each column down.

    The column alignment is fine when not inserted into an accordion or a tab so I’m assuming the issue is when the columns are embedded into other elements.

    Here is a link to see what I mean: http://kitodev.com/portfolio-item/kito-ubc-series-beam-clamp/#toggle-id-1

    (please scroll down to bottom of page)

    Thanks for any help!

    Cheers,

    M

    #139409

    Hey!

    Please insert following code into the quick css field to fix the issue

    .toggle_content .flex_column + br {
    display: none;
    }

    Best regards,

    Peter

    #139410

    Hello,

    Thanks for the quick reply.

    I tried adding the above css to the “quick css” field but it didn’t fix the issue.

    I emptied the cache etc. but the alignment was still off.

    I also tried adding the above code to the “custom.css” file but still the issue was not corrected.

    Any other suggestions?

    Thanks again!

    Cheers,

    Matt

    #139411

    Hi!

    Please try following code instead

    .toggle_content .flex_column + br {
    display: none !important;
    }

    .toggle_content {
    overflow: hidden !important;
    }

    Regards,

    Peter

    #139412

    Hi thanks again but this didn’t seem to fix the issue.

    I tested the same content on another page, without tabs, and the alignment was fine.

    It only seems to happen when placed inside of tabs.

    Any other suggestions?

    cheers,

    Matt


    Below is an example of what I’m doing.


    [av_one_third first]

    Plastic

    [av_image src='https://kitodev.com/wp-content/uploads/2013/07/Chain-Containers_plastic.jpg' attachment='3475' align='center' animation='no-animation' link='']

    [/av_one_third]

    [av_one_third]

    Fabric

    [av_image src='https://kitodev.com/wp-content/uploads/2013/07/Chain-Containers_canvas.jpg' attachment='3477' align='center' animation='no-animation' link='']

    [/av_one_third]

    [av_one_third]

    Steel

    [av_image src='https://kitodev.com/wp-content/uploads/2013/07/Chain-Containers_Steel_a.jpg' attachment='3476' align='center' animation='no-animation' link='']

    [/av_one_third]


    #139413

    Hey,

    Can you post a link to the page with the actual issue? Also, a screenshot will help. I don’t see the Plastic, Steel, Fabric text anywhere.

    Regards,

    Ismael

    #139414

    Hi,

    Sorry I should have sent a link: http://kitodev.com/portfolio-item/fer2-series-food-grade-hoist/#tab-id-3

    And here is a screen host: http://snag.gy/5Pq5e.jpg

    This page demonstrates the issue pretty clearly.

    Sorry if i was confusing before.

    Thanks!

    Cheers,

    M

    #139415

    Hi!

    Pease try following code

    .toggle_content .flex_column + br, .tab_inner_content .flex_column + br {
    display: none !important;
    }

    .toggle_content {
    overflow: hidden !important;
    }

    Best regards,

    Peter

    #139416

    That seemed to have fixed it.

    I appreciate the help man, thanks!

    Cheers,

    M

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Columns, inside of a tab’ is closed to new replies.