Enfold 4.7.5 - Gap: 50px .flex_column_table - Support | Kriesi.at

Tagged: enfold 4.7.5

Viewing 28 posts - 1 through 28 (of 28 total)

Author

Posts
May 25, 2020 at 7:41 pm #1216263

Hokuspokus
Participant

Dear Support,

on my complete website, i have now gaps. If I compare older cached version and the new, I see added rules:

#top .flex_column_table {
float: left;
margin-top: 50px;
}

Is it from you and why? What is to do to get old behavior and my known design?
Best

S.

May 26, 2020 at 4:39 am #1216368

Rikard
Keymaster

Hey S.,

Could you post a link to where we can see the problem you are having please?

Best regards,
Rikard

May 26, 2020 at 10:15 pm #1216703

lampije
Participant

Same problem for me as well. Every page that’s using 2/3 1/3 (within color section), which is at top of every webpage except home page now got an added 50px top margin with 4.7.5. Example page if you still need it. If I have time, I’ll try to remedy, so gap maybe gone by then.

This is culprit – in avia-merged-styles CSS file:

#top .flex_column_table {
display:table;
table-layout:fixed;
width:100%;
float:left;
margin-top:50px
}

May 26, 2020 at 10:21 pm #1216706

lampije
Participant

Adding this did the trick for now, but like OP, still wondering why was added.

#top .flex_column_table {margin-top:0 !important;}

May 27, 2020 at 2:14 pm #1216947

Victoria
Inactive Moderator

Hi lampije,

Glad you got it working for you! :)

If you need further assistance please let us know.

Best regards,
Victoria

May 29, 2020 at 2:51 pm #1217733

Hokuspokus
Participant

Dear Rikard,

it’s now inside the corresponding source code.
margin-top:50px is added without any input from us for my understanding.

Best

S.

June 4, 2020 at 4:24 pm #1219451
thinkjarvis
Participant
The problem is something to do with the default margins on the paragraph ALB element.

If you insert a paragraph and tick the box for custom margins and set the top to 0px it solves the problem.

Enfold – Can you look into this and why it is applying itself after the update to the latest version?
- This reply was modified 4 years, 6 months ago by thinkjarvis.
June 4, 2020 at 8:25 pm #1219538
Hokuspokus
Participant
Hi @thinkjarvis

You mean, I should go to >15 clients, hundreds of thousands of pages and go to every section to set a new value?
I use this:
```
#top .flex_column_table {margin-top:0 !important;}
```
Because the 50px is a new feature inside enfold since last update. I overwrite it and I have the same layout as before.

Best

S.
June 5, 2020 at 10:20 am #1219723

thinkjarvis
Participant

No it was just a solution that didnt require modifying the CSS.

I am using your method. Not entirely sure of the purpose of adding 50px as default. Looks like a mistake to me!

June 5, 2020 at 11:00 am #1219740

M1000000
Participant

Confirm same behaviour across all sites – ruins layouts – must be a bug surely. Can we pls get confirmation of forthcoming fix so that we can deal with this accordingly?

June 9, 2020 at 8:05 am #1220741
Ismael
Moderator
Hi,

We will forward the issue to our channel. For now, you can use the css code that @Hokuspocus suggested above.
```
#top .flex_column_table {margin-top:0 !important;}
```
Best regards,
Ismael
June 10, 2020 at 3:31 pm #1221236

Ismael
Moderator

Hey!

The top margin was added because of inconsistency between columns with equal and non-equal heights. Columns with individual heights have a 50px top margin by default, but when set to have equal heights, the top margin is not added, so we adjusted the css a bit. The css might be retained in future updates.

Regards,
Ismael

June 10, 2020 at 4:06 pm #1221254

M1000000
Participant

Hey Ismael – yes, problem is a lot of us have compensated for this already – not sure why you need to force any top margin on columns really, I end up having to strip them off anyway for more layout control. Personally I’d have gone the other way and removed the top margin value from individuial heights. Anyway – consistency is always a good thing – thanks.

June 10, 2020 at 5:53 pm #1221288

lampije
Participant

I’m still trying to figure out what I am going to do long-term. I’ve set them to 0 when first noticed this got added, but this was only for the first template section on each page as it made it look terrible.

Now, have had to live with all others set at 0 when 30 was our standard that we took the time to implement already between all the different sized margins as you said. This took us a lot of time and effort.

Perhaps you could add this to the main Enfold Theme Options and let the user decide what’s best for their site? It would be much better than any scenario for nearly any user I can envision.

Thanks much.

June 10, 2020 at 6:02 pm #1221292

Hokuspokus
Participant

It is always an Enfold issue that things have to be changed, and we then have to change this ourselves at our expense to our clients. This is very rude of Enfold and not fair.

Many of us have been using Enfold for years, and we have accepted many things and built the rules the way they were delivered. For new users this is ok. But to change existing things just like that. I don’t see this explicitly described in the change log either.

And how often did the answer come: “You can change it manually. Enfold doesn’t care about that. We override you. No matter what you say.” That is, what i understand, what you’re want telling me. I find it very sassy and encroaching.

June 12, 2020 at 1:37 pm #1222046
Ismael
Moderator
Hi,

@lampije, @M1000000, @Hokuspokus

Yes, we’ll add the top margin to the columns by default. Other users noticed that there were irregularities between equal and non-equal height columns, so we added the previous css in an attempt to fix the issue and make the column layout consistent. We would like to apologize for the inconvenience.

We’ll probably add this one in the next update:
```
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) { margin-top: 50px; }
```
This is the previous thread and the reason why the default top margin was added: https://kriesi.at/support/topic/same-height-column-does-not-work/#post-1206143

Best regards,
Ismael
July 9, 2020 at 2:05 am #1229013
sproutstudio
Participant
EDIT: I moved it up higher on my CSS and all the sudden it works.

This is definitely frustrating. I agree it should be removed.

I used #top .flex_column_table { margin-top:0 !important;} and it didn’t solve it.
- This reply was modified 4 years, 5 months ago by sproutstudio.
July 10, 2020 at 6:05 am #1229315

Rikard
Keymaster

Hi sproutstudio,

Great, I’m glad that you got it working and sorry again for the problem.

Best regards,
Rikard

July 22, 2021 at 5:59 pm #1311564

HagenWittig
Participant

Dear all,
Am I wrong or did the problem of an additional 50px top margin for all equal height columns just reappear with the update to Enfold version 4.8.4?
Best,
Hagen

July 22, 2021 at 6:56 pm #1311585

lampije
Participant

I’m not sure about that one – I think I corrected my site to account for that back then. But, the “transparent” buttons are not working any longer. No outline all of a sudden.

July 24, 2021 at 5:58 am #1312035
Rikard
Keymaster
Hi lampije,

Please try the following in Quick CSS under Enfold->General Styling:
```
#top .avia-button.avia-color-dark,
#top .avia-button.avia-color-light {
    border-style: solid !important;
}
```
Best regards,
Rikard
July 24, 2021 at 5:59 am #1312036

Rikard
Keymaster

Hi Hagen,

Could you post a link to where we can see the problem you are having please?

Best regards,
Rikard

July 26, 2021 at 8:37 pm #1312507

lampije
Participant

Thanks a lot! Worked great.

Appreciate it,
Jed

July 27, 2021 at 7:22 pm #1312837

Yigit
Keymaster

Hey @lampije,

We have fixed the issue in 4.8.5. You can update the theme to the latest version and remove this custom CSS code – https://kriesi.at/support/topic/enfold-4-7-5-gap-50px-flex_column_table/#post-1312035 :)

Cheers!
Yigit

July 28, 2021 at 4:35 pm #1313074
HagenWittig
Participant
Hi Rikard,

Thanks a lot for your reply.

My page is running on Enfold 4.8.5 now.

On all pages, where I use equal height columns, I had an additional margin after the update to 4.8.4 which wasn’t there before. Please find the link to an example page in the private content area.

After updating to 4.8.4 it looked the following way:

I then added the following CSS code to style.css:
```
#top .flex_column_table {
	margin-top: 0 !important;
	}
```
After that it looked correct / like before the update to 4.8.4:

What I don’t understand is, how the update to 4.8.4 could now result in triggering this old problem again, which was initially discovered 1 year ago?

Thanks and best regards,

Hagen
August 1, 2021 at 4:14 am #1313644

Rikard
Keymaster

Hi Hagen,

We’ll look into why that is happening, it looks like you solved the problem with custom CSS though?

Best regards,
Rikard

August 5, 2021 at 5:42 pm #1314700

HagenWittig
Participant

Hi Rikard,
Thanks for your reply. Exactly, I’ve solved it with custom CSS. However, I am still curious why the additional margin appeared anyway. In case you find out, please let me know. ;-)
Best,
Hagen

August 7, 2021 at 12:28 pm #1315017

Rikard
Keymaster

Hi Hagen,

Thanks for the update. A fix for this should be included in the next version of the theme.

Best regards,
Rikard
Author

Posts