Hi,

Thanks for the feedback.

I will leave this thread open – so if there is anything we can do to help you – let us know.

Best regards,
Günter

Hey acscreativenew,

With 4.8.4 we started to extend design options for elements like buttons, notification box, … (see changelog) and we want to extend this for other elements also step by step.

This made it necessary to remove HTML inline style=”….” from html tags to a post specific CSS file with selectors to the elements – and this makes it necessary to add element id’s to the containers (and subitem containers) – like av-kmkxsku0-86c9b346bd34212e6e3a24e1ff1d2641.

These are absolute necessary.

We try to keep our selectors as weak as possible, mostly .container-class.element-ids

You can add !important to your styling.
Also using #top #wrap_all …. with your selectors should give them higher priority.

Do not use the element-id as it will change when shortcode options change.

Best regards,
Günter

Hey flfeadmin,

Thank you for using Enfold.

Can you try to update to version 4.8.5 or our oncoming release 4.8.5.1 (or 4.8.6) on monday (this contains a few fixes for columns). Checking on my dev server (4.8.5.1-dev-2) I get following:

background: url(https://localhost/wp56/wp-content/uploads/2017/02/people-5-3-300x300.jpg) top left no-repeat , linear-gradient( to bottom, rgba(176,43,44,0.59), rgba(123,176,231,0.23), rgba(131,168,70,0.83) );

Best regards,
Günter

Hey efgumnick,

Thank you for using Enfold – and sorry for the problems.

I tried to reproduce it on my dev server – but I cannot.

Do you have a staging site where you can reproduce it?

Best regards,
Günter

Hey Pixel_Production,

Thank you for using Enfold and your feedback.

padding for columns

I modified the CSS output to be backwards compatible with prior 4.8.4 for 0, 0px, 0% to skip padding. And for new columns the default value is empty string, same for border radius.

Here is a link to the modified file with a few more changes/fixes: https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_5/template_builder/columns.php

deactivate css generation completely

We can add a filter to skip it on a per page basis, but this will make most customization of ALB elements obsolete that require styles and not classes only. Step by step we want to remove most of all inline html style=”…” and extend the styling options for elements like we did already with buttons, notification box, …. (see changelog).

Together with the custom elements we added recently this will make it easier to get a consistent and easy maintainable layout.

Of course we can provide filters – let us know and we will add them.

We try to keep our selectors as weak as possible (mostly .container-class.element-id).

Best regards,
Günter

Edit: element-id is depending on shortcode attributes, means if options change also element-id changes.

Edit: To invalidate all post css files save theme options.

Hi,

Enjoy the theme and have a great day.

Best regards,
Günter

Hi,

Yes, you can add it to

enfold-child/shortcodes/hr

but you also have to copy hr.css from parent theme.

AND: do not forget to remove it after next theme update !!

Best regards,
Günter

Hi,

Please try to update with this file (selector is more specific now and should not be overridden):

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_5/template_builder/trial_fix/columns.php

Best regards,
Günter

Hi,

Thank you for using Enfold.

Glad that the update solved the problem.

Enjoy the theme and have a great day. Feel free to come back when you need further assistance.

Best regards,
Günter

Hi,

Thanks for the feedback – and glad we could solve the problem.
Fix is added for next release.

Enjoy the theme and have a great day. Feel free to come back when you need further assistance.

Best regards,
Günter

Hi,

Ja, macht Sinn und ist glaub ich eine wichtige Erweiterung.

Wann immer Du Fragen hast bezügl. Code, …. kannst Du gerne auf mich zukommen (meine E-Mail hast Du jetzt auch).

Ich schliesse dieses Topic.

Einen schönen Abend noch.

LG aus Wien
Günter

Hi,

Sorry again – this is a problem of a selector that is overwritten.

In enfold\config-templatebuilder\avia-shortcodes\columns\columns.php line 1393 you find:

'flex-column-table'			=> ".flex_column_table.{$element_id}",

Please replace this with:

'flex-column-table'			=> "#top .flex_column_table.{$element_id}",

This should fix the problem. If you need help, please let us know and we will do it for you. In this case we need WP admin account.

Or you can replace the file above with https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_5/template_builder/columns.php

Best regards,
Günter

Hi,

@BigBatT

Thanks a lot. Added it to core.
Have a great day.

Best regards,
Günter

Hi,

Glad we could help you – and once again sorry for the troubles.

Enjoy the theme and have a great day.

Feel free to come back when you need further assistance – simply open a new thread please.

Best regards,
Günter

Hi,

Can you please update to the newest version 4.8.5 ? This should solve the problem.

Best regards,
Günter