Tagged: Equal Height Columns
-
AuthorPosts
-
September 19, 2015 at 10:08 am #505904
I’m trying to have a 2/5 column next to a 3/5 column and below those, two 1/5 columns. I don’t want the 3/5 column to push down the two 1/5 columns. I’ve set the “individual height” for both the 2/5 column and the 1/5 column on the left, but the content from the 3/5 column is still pushing it down. URL in the private section.
September 19, 2015 at 8:15 pm #505974Hi decastell!
I see the 2/5 + 3/5 and then 5 1/5 below that with another 2 1/5 below that so I’m not sure what your trying to do. Go ahead and take a screenshot and highlight your intentions so we can get a better idea.
Best regards,
ElliottSeptember 19, 2015 at 10:51 pm #505983I’m trying to get the elements on the left side to move up but they’re being forced down below the testimonial on the right even though I’ve set individual height on.
September 21, 2015 at 7:27 am #506233Hi,
It looks like those elements are on a different row from the main image/testimonial but send us an admin login and we’ll have a closer look.
Best regards,
RikardSeptember 21, 2015 at 9:03 am #506274Here you go:
September 22, 2015 at 8:12 am #506815Hey!
I’m getting an error message when trying to log into your backend. The password seems to be incorrect.
Regards,
DakeSeptember 22, 2015 at 9:09 am #506828Sorry, try again now – it should work.
September 22, 2015 at 1:55 pm #507024Hey!
not sure what you are trying to do and a mockup would have helped a lot. However, try this code to move your buttons up:
.flex_column.av_one_fifth.flex_column_div.av-zero-column-padding.first.avia-builder-el-7.el_after_av_three_fifth.el_before_av_one_fifth { top: -130px; } .flex_column.av_one_fifth.flex_column_div.av-zero-column-padding.avia-builder-el-9.el_after_av_one_fifth.el_before_av_heading { top: -130px; }
Cheers!
AndySeptember 22, 2015 at 2:07 pm #507035Hi there,
Alas, that didn’t do anything. I’ve attached a link to a screenshot with an explanation but in essence my problem is that the “individual height” setting for columns isn’t working on my site. Hopefully the annotated screen grab will help.
September 22, 2015 at 2:23 pm #507050Hey!
I checked the website you have provided in your first post and can’t find the element you are showing in your screenshot. Where is it?
Regards,
AndySeptember 22, 2015 at 2:24 pm #507051Sorry – I should have included that. The url is listed below
September 22, 2015 at 2:27 pm #507052Hi!
thanks for the correct link. Use this code to control it:
.flex_column.av_three_fifth.flex_column_div.first.avia-builder-el-12.el_after_av_two_fifth.el_before_av_two_fifth { top: -115px; } .flex_column.av_three_fifth.no_margin.flex_column_div.av-zero-column-padding.first.avia-builder-el-16.el_after_av_two_fifth.el_before_av_two_fifth { top: -115px; }
Cheers!
AndySeptember 22, 2015 at 2:29 pm #507055Thanks, but why do I need any css code for this? Isn’t this exactly what the “Individual Height” setting is for in the column elements?
September 22, 2015 at 2:56 pm #507087Hi!
I think “individual height” settings is for the height of the element itself and not for it’s position. Glad if it’s working for you now. Let us know in a new ticket, if you have some more questions related to the theme.
Regards,
AndySeptember 22, 2015 at 2:58 pm #507089Hi Andy,
I’d really rather avoid adding custom CSS. Could you show me a link to any example of the Individual Height setting in action? Alternatively, can you tell me any sequence of steps that would show me the individual height setting working? Thus far I can’t find anything that shows it doing anything.
September 23, 2015 at 11:59 am #507639Hi!
why do you want to avoid custom CSS? Not sure what you mean with any example of individual height setting. As I already told you the “Section Minimum Height” is not about positioning, it’s about the height of the color section itself. If you want to control position of the color section you need to use custom CSS.
Regards,
AndySeptember 23, 2015 at 12:32 pm #507678Hi Andy,
It’s not “Section Minimum Height” but the “Individual Height” setting under “Row Settings” in the “Edit Column” panel. It says: ‘Equal Height Columns: Columns in this row can either have a height based on their content or all be of equal height based on the largest column’
My sense is that this is a feature that’s not actually working in the template, so I’d be grateful if you could show me a link to where I could see that feature either fully explained or actually working.
Thanks!
S.
September 23, 2015 at 1:19 pm #507713Hi!
please check this notification inside of the blue banner under Row settings:
Row Settings
These setting apply to all columns in this row and can only be set in the first column.
Please note: If you move another column into first position you will need to re-apply these settings.Regards,
AndySeptember 23, 2015 at 1:20 pm #507715Yes, I read that, but doesn’t that mean it should behave exactly as I stated when I opened the thread? That the column below it would therefore move up and not be pushed down by the other column next to the one with that setting?
Is it really not possible simply to point me to an example of this feature working? Because I’m starting to wonder if maybe it’s just a bug in the theme.
Thanks!
S.
September 23, 2015 at 1:29 pm #507723Hi!
sure, you can see an example here: http://kriesi.at/themes/enfold/shortcodes/columns/
Best regards,
AndySeptember 23, 2015 at 2:10 pm #507770Hi Andy,
Thanks for sending the link, but as you can see, none of those columns have “Individual height” per the Row Settings on the Edit Column pane in the editor.
Is it possible that this feature doesn’t work or is perhaps intended for a future release?
S.
September 24, 2015 at 1:01 pm #508370Hi!
the “Individual height” setting is for choosing if a column has a unique (individual) height or the same height as the largest column in the row. So it ha nothing to do with positioning of the column.
You can activate “Custom top and bottom margin” in Row Settings and choose a negative value for margin-top to push the column in question up a bit. This way you don’t need any custom CSS, which I provided you in my previous post.
Regards,
Andy- This reply was modified 9 years, 2 months ago by Andy.
September 24, 2015 at 1:06 pm #508376Hi Andy,
Yes, but if we have two rows of four columns:
AAAA BBBB
AAAA BBBB
BBBB
BBBBCCCC DDDD
CCCC DDDD
CCCC DDDDAnd if column A is set to “Individual Height” then wouldn’t the layout naturally appear as:
AAAA BBBB
AAAA BBBB
BBBB
CCCC BBBB
CCCC
CCCC DDDD
DDDD
DDDDOtherwise what actual visual change does “Individual Height” provide as a setting?
September 24, 2015 at 1:10 pm #508382Hey!
it provides that the column gets an individual height, based on its content.
Regards,
AndyFebruary 21, 2017 at 9:32 pm #750163Hi,
i have a problem with Equal Height Columns.
I placed images images in different columns and i want them to be same in height.
Simple task?
It does not work.
The images have all the same height by the way.Can you help please?
Regards
Robert
February 27, 2017 at 6:45 am #752159Hi,
@robertdizdarevic: The page does not exist. Please open a new thread with the url to the site plus the login credentials. We’ll check the issue there and we’ll close this thread now.Best regards,
Ismael -
AuthorPosts
- The topic ‘Individual height columns don't seem to be working.’ is closed to new replies.