Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 4, 2013 at 6:05 pm #29003
    mattb-w

    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

    September 5, 2013 at 8:52 am #139409
    Dude

    Hey!

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

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

    Best regards,

    Peter

    September 5, 2013 at 3:51 pm #139410
    mattb-w

    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

    September 6, 2013 at 1:04 pm #139411
    Dude

    Hi!

    Please try following code instead

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

    
.toggle_content  {
    
overflow: hidden !important;
    
}

    Regards,

    Peter

    September 6, 2013 at 4:34 pm #139412
    mattb-w

    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]

    September 7, 2013 at 5:32 am #139413
    Ismael

    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

    September 7, 2013 at 9:23 pm #139414
    mattb-w

    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

    September 9, 2013 at 7:50 am #139415
    Dude

    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

    September 9, 2013 at 3:56 pm #139416
    mattb-w

    That seemed to have fixed it.

    I appreciate the help man, thanks!

    Cheers,

    M

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