Forum Replies Created
-
Posts
-
you found the solution yourself?
i do not see the issue on your site!
otherwise you can influence the hilite color by:::selection { background: #fff67a !important; color: #000 !important; } ::-moz-selection { background: #fff67a !important; color: #000 !important; }the new Enfold works perfectly under newer php version. What is your hoster? On most cases you can switch yourself the php version to newer versions on Hoster Backend.
on masonry or on image alb element?
On Masonry there is an option on advanced tab – image effect: greyscale effect.On images as Victoria has already said : they have to be uploaded and inserted as colored images first – then they were set to grayscale by css.
if you do not want to have it on all images ( see jordans css with #main as first selector ) – i would give a custom class like: gray-to-color to the image element – then this to quick css:.avia-image-container.gray-to-color img { -webkit-filter: grayscale(1); filter: grayscale(1); } .avia-image-container.gray-to-color img:hover { -webkit-filter: none !important ; filter: none !important ; }and yes – if you got a link on them – remove the overlay :
.gray-to-color .image-overlay { display: none !important; }What version of Enfold do you use? There was on one former version a little bug with text-block element.
only change the size ( start height and end height should be bigger ) but the shrink ration stayes the same : 1/2
or do you intend to change that too?Introduction:
https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/and here vor actual solution : https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/#post-1044887
Edit: no – could not be the solution – it is the same page.
Is it reproducable the error? Means on all posts or portfolio pages the slider is not there?i think a mod had to login to your backend and see if there is on your constellation a reason why only on posts/portfolios the shortcode is hampered on that field.
It is not a standard setting – your code works even on posts in my test environment. With or without transparent headers.i think it will be best to have a child-theme masonry-entries.js file and load that via child-theme functions.php:
function wp_change_masonry_animation() { wp_deregister_script( 'avia-module-masonry' ); wp_enqueue_script( 'avia-module-masonry-child', get_stylesheet_directory_uri().'/js/masonry_entries.js', array( 'avia-module-isotope' ), false, true ); } add_action( 'wp_enqueue_scripts', 'wp_change_masonry_animation', 100 );i think we even can load that only for specific sites by if-clauses.
then put the edited masonry-entries.js – into the child-theme/js/ folder
change the line 257 to f.e.:
masonry.waypoint(start_animation , { offset: '95%'} );ps – i found a solution to change it on general via child-theme function:
all credits goes @mensmaximus : https://kriesi.at/support/topic/animations-trigger-too-late/#post-651948you can do it as @mensmaximus described as external script or i think it could be done via child-theme functions.php as internal script.
Maybe this is nice – because you can load that with if clauses only on pages where you like to change it.But i think because of the extra setting on masonry-entries.js – this is not influenced.
– just brainstorming now to found a child-theme solution on changing the offset value for masonries.so i think this is norml – and i avoid that on placing a white boarder on the bottom of that color-section : but that rearange of columns not – that is something different.
just for info: on masonry-entries.js line 257:
masonry.waypoint(start_animation , { offset: '80%'} );and on shortcodes.js lines 217ff:
function activate_waypoints(container) { //activates simple css animations of the content once the user scrolls to an elements if($.fn.avia_waypoints) { if(typeof container == 'undefined'){ container = 'body';}; $('.avia_animate_when_visible', container).avia_waypoints(); $('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'}); if(container == 'body') container = '.avia_desktop body'; $('.av-animated-generic', container).avia_waypoints({ offset: '95%'}); } }Sadly i do not see any filter to change offset for a specific element ( f.e. custom-class or ID )
the “come into viewport” is correlated to the waypoint script i think. You can set a trigger point that has to be passed before the animation starts.
F.e. an offset of 50% ( means if the element passes the half of the viewport height – the animation starts. But in the consequence – if there is not enough content under the element to observe – the trigger can not be passed.For example: because waypoint script is allready implemented in enfold – we can use it for those scroll induced events
on this page here – look what happens to the green div when the footer comes 20% to viewport (80% offsetTop)
https://webers-testseite.de/pureinstall/brodes/This is a combination of animate.css ( Link ) hinge.
If you see my custom script:function scroll_up_down_change() { if(is_page( array( 630))) { ?> <script> (function($) { $('#kontaktbutton').addClass('animated'); var element_to_observe = $('#footer'); element_to_observe.waypoint(function(direction) { if (direction == 'up') { $('#kontaktbutton').addClass('hinge'); } else { $('#kontaktbutton').removeClass('hinge'); } $('#kontaktbutton').toggleClass('hinge'); }, { offset: '80%' }); })(jQuery); </script> <?php } } add_action('wp_footer', 'scroll_up_down_change', 30);the observe element is: #footer – and the element to animate is : in this case that #kontaktbutton
So maybe we can influence the enfold script in a way that the trigger point is not at a low offset but on a higher one.das würde ich nicht als shortcode bezeichnen.
das ist halt html. Kannst du mal bitte den gesamten code hier einblenden, – bitte nutze den code tag hier , damit ich durch copy&paste den schneller prüfen kann. Am besten wäre sogar ein link zu einer seite wo das funktioniert.
wo setzt du den code von oben ein. In einem Post ( mit oder ohne Advanced Layout builder? – im Visual mode oder Text mode ?)is in content f.e. in text editor etc. ?
try to activate the do_shortcode for widget, content or nav etc ( this to child-theme functions.php )
add_filter('widget_text', 'do_shortcode'); add_filter('the_content', 'do_shortcode'); add_filter('wp_nav_menu_items', 'do_shortcode');ok – it is an old topic but if you look again in that – here is what i use for it the socket social icons . They had to be activated ! as Ismael too mentioned for the other solution!
if you want to see social icons in the socket as well – remove the line in the snippet that sets it to display : none
$('#socket .social_bookmarks').css({ 'display': 'none' });( but they had to be in the DOM)
see test page: https://webers-testseite.de/pureinstall/
i use for it the socket social icons . They had to be activated ! as Ismael too mentioned for the other solution!
if you want to see social icons in the socket as well – remove the line in the snippet that sets it to display : none
$('#socket .social_bookmarks').css({ 'display': 'none' });( but they had to be in the DOM)
see test page: https://webers-testseite.de/pureinstall/
did you check if a different shortcode works on that f.e.:
[av_button label='Click me' icon_select='yes' icon='ue800' font='entypo-fontello' link='manually,#' size='small' position='left' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
a little buttonich glaube ich vergaß zu erwähnen, dass diese Veränderte Script Datei dann in den Child-Theme unterordner js muss.
ist halt die normale Baumstruktur wie im Elternthema – ( ist nicht zwingend nötig, macht aber Sinn das beizubehalten. )
Siehst du ja auch oben in dem Snippet wo das veränderte script zunächst im Elternthema deregistriert wird , und dann das Child Script geladen wird.see here an example where it is usefull to have two custom classes on a given element.
i have created a glassy 3D looking styling for Enfold Buttons. The one custom-class is for the styling option ( glass ) the other custom-class is for the color effects ( green , blue, red etc. pp )
When i want to style now an Enfold Button ( light-transparent ) i only had to set these two classes to the button element.
Input field is than on custom-class: glass blue
https://webers-testseite.de/buttons/Best would be to get familiar with developer tools of the browsers. Most ( i guess all ) have them implemented.
You can show with your mouse on a part of your page and via kontext menu ( often the right mouse button ) you can then choose “inspect” or similar.Using the developer tools you can examine the site very well. Where which IDs or classes are; whether an element is a child element or a neighbour etc. pp.
So when I look at your page now, I see that you have unnecessarily reassigned this default class to the color-section. This doesn’t bother in this case, but is obsolete. I can see that you have given the class home-box this time.this is what i see if i inspect the color-section of your homepage:
click to enlarge the image:
but the class avia-section is allready there so for you only : box-servizi – no dot before that will be done by enfold
avia-section is the standard class for all Enfold color-sections.
a custom-class is added to the section so on css rules there will be no space between them and the dot is the separator on that.avia-section.custom-class { … }I have included the standard class in the rules to keep a better overview. So you can see directly in the Quick css that it is a rule which is applied to an element within a color-section.
but in the input field of the Adavanced Laoyut Builder Element ( color-section etc. pp) there should not be a dot but if you like to add multiple classes to the element – separated by a space.
i do not have on the page what you have on your screenshots. i only the the machine itself without the small thumbnails under it.
On that image – that could be seen in the lightbox too ! i have no artefacts on my safari ( Version 13.1.1 (15609.2.9.1.2) )no the whole code – try yourself – this is one of my pages:
https://webers-testseite.de/3columns/[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='' custom_margin='0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='scroll' bottom_border_style='scroll' scroll_down='' custom_arrow_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-39o199'] [av_heading heading='Flex Box Model with 1/3 Columns' tag='h2' style='blockquote modern-quote' subheading_active='subheading_below' size='36' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='24' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' color='' custom_font='' margin='' margin_sync='true' padding='10' link='' link_target='' id='' custom_class='' av_uid='av-kbi07d5u' admin_preview_bg=''] one color-section with custom-class: <strong>custom-css</strong> - or what ever you like. only your 3 columns in this color-section no other elements in it! columns on individual height ! [/av_heading] [/av_section] [av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#e8e8e8' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='custom-css' aria_label='' av_element_hidden_in_editor='0' av_uid='av-b33mwt'] [av_one_third first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(176,43,44,0.3)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k3unnj4d'] [av_heading heading='Column1' tag='h2' link='manually,http://' link_target='' style='blockquote modern-quote modern-centered' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-1q98xr1'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' id='' custom_class='' av_uid='av-k3unomjx' admin_preview_bg=''] <strong>Ich bin der Geist, der stets verneint! Und das mit Recht; denn alles, was entsteht, </strong> [/av_textblock] [av_button label='Click me' icon_select='yes' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-ka5b3zfy' admin_preview_bg=''] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(237,174,68,0.3)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-2i3x1ml'] [av_heading heading='Column2' tag='h2' link='manually,http://' link_target='' style='blockquote modern-quote modern-centered' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-15b35rx'][/av_heading] [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' id='' custom_class='' av_uid='av-k3unomjx' admin_preview_bg=''] <strong>Ist wert, daß es zugrunde geht; Drum besser wär’s, daß nichts entstünde. </strong> [/av_textblock] [/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='30px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='rgba(238,238,34,0.3)' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-21n5vr1'] [av_heading heading='Column3' tag='h2' link='manually,http://' link_target='' style='blockquote modern-quote modern-centered' size='' subheading_active='' subheading_size='15' margin='' padding='10' color='' custom_font='' custom_class='' id='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-r67z19'][/av_heading] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' av_uid='av-k3unomjx' admin_preview_bg=''] <strong>So ist denn alles, was ihr Sünde, Zerstörung, kurz, das Böse nennt, Mein eigentliches Element. </strong> <strong>So ist denn alles, was ihr Sünde, Zerstörung, kurz, das Böse nennt, Mein eigentliches Element.</strong> [/av_textblock] [av_button label='Click me' icon_select='yes' icon='ue800' font='entypo-fontello' size='small' position='center' label_display='' title_attr='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' link='manually,http://' link_target='' id='' custom_class='' av_uid='av-ka5b3zfy' admin_preview_bg=''] [/av_one_third] [/av_section] [av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' margin='' custom_margin='0px' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' overlay_enable='' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='scroll' bottom_border_style='scroll' scroll_down='' custom_arrow_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2jwmt9j'] [av_one_full first min_height='' vertical_alignment='' space='' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' custom_margin='' margin='0px' mobile_breaking='' border='' border_color='' radius='0px' padding='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-1fft953'] [av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='snippet' alb_description='' id='' custom_class='line-numbers language-css' av_uid='av-ka8ikqjt'] .custom-css .entry-content-wrapper:before, .custom-css .entry-content-wrapper::after{ display: none; } .custom-css .entry-content-wrapper { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: stretch } .custom-css .entry-content-wrapper .flex_column { flex: 0 1 30%; margin:0; padding: 0; margin-bottom: 3%; width: unset !important } @media only screen and (min-width: 990px) { .custom-css .entry-content-wrapper .flex_column { flex: 0 1 30%; } } @media only screen and (min-width: 600px) and (max-width: 989px) { .custom-css .entry-content-wrapper .flex_column { flex: 0 1 47%; } } @media only screen and (max-width: 599px) { .custom-css .entry-content-wrapper .flex_column { flex: 0 1 100%; } } [/av_codeblock] [av_hr class='short' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' av_uid='av-kbhzyilt' admin_preview_bg=''] [av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='snippet' alb_description='' id='' custom_class='line-numbers language-css' av_uid='av-ka8ikqjt'] // if you like the 3rd column to be expanded on bottom then change the one media query to: @media only screen and (min-width: 600px) and (max-width: 989px) { .custom-css .entry-content-wrapper .flex_column { flex: 0 1 47%; } .custom-css .entry-content-wrapper .flex_column:nth-of-type(3) { flex: 0 1 96%; text-align: center } } [/av_codeblock] [/av_one_full][/av_section]if you insert this in the debug field the whole page will be there after saving.
Or you do install a plugin like Duplicate Post – then you can clone your pages/posts on list-view:
Don’t know how polylang makes the correlation between the translations. But i guess you can set the cloned page as translation of the page.If you are working with the advanced layout builder – the site structure is build with shortcodes. Each Element has its own shortcode.
You can see the whole site shortcode if you activate the debug mode.
Put this to your functions.php of your child-theme:add_action('avia_builder_mode', 'builder_set_debug'); function builder_set_debug(){ return 'debug'; }after that you will have under the editor fiele an additional field with the shortcodes f.e.:
the whole code can be copied and on a new created page in advanced layout builder mode pasted into that field – then save the page and the alb on top will show the layout structure then.
if two classes are needed here on that input-field there had to be no dot between the classes – The input field will add it to the element as classes just without dot only with one space between each class.but the class avia-section is allready there so for you only : box-servizi – no dot before that will be done by enfold
___________
the second row of coulumns is not set to equal height !
the first column on the left gives the setting for the rest in the line. Even if you have 8times 1/4 columns- you had to set all left columns.
And even worse, should you ever rearrange the columns and move a column from back to front, you’ll have to edit that column again. Otherwise, it’ll default to the default settings.
yes that is first right. We had now to add css to get the right position. But – without seeing the site it is nearly impossible to give here concrete help.
So – either you can post here the link – then i could tell you how to reach the correct position – or post the link into Private Content Area – then you had to wait til Mods are here.Yesterday you haven’t activated the animation effect of the masonries. ( that delayed animation when masonry comes into viewport )
And yesterday i have the described “bug” even sometimes on the other sections too – which would not support your supposition of the reason for this.ich sehe du hast es auch ohne script geschaft – muss ich mir anschauen, gestern im schnellen drüber schauen sah ich keine Möglichkeit.
Schau dir aber auch bitte an, wo dein Ajax Suchergebnis Feld landet. Das liegt dann an der flex einstellung das beim Erscheinen der ergebnisse das alles nicht mehr stimmt.Hier mal meine Lösung :
um ein child-theme shrinking script zu haben – platziere dieses hier in deiner Child-theme functions.php:
function wp_change_sticky_header_script() { wp_deregister_script( 'avia-sticky-header' ); wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true); } add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );das hier ins quick css:
entferne die obigen Einträge dann wieder zuerst.#top #searchform { position: relative; height: 100%; width: 220px; } #top #avia-menu #searchform > div:first-child { opacity: 1 !important; display: block !important; max-width: 220px; border: 1px dotted #2d5c88; top: 22px } #top #searchform .ajax_search_response { background-color: rgba(255,255,255,0.8); position: relative; top: 22px; border: 1px dotted #2d5c88; } #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .av_ajax_search_image, .iconfont { font-size: 16px; } #top .av_minimal_header #s { padding: 8px 47px 8px 5px; }_______________________
nur zur Info – darf ignoriert werden
wenn du dir deinen Header anschaust, geht der von 88px auf 44px höhe zurück beim shrinken. Das ist normales Shrinkverhalten bei Enfold ( Hälfte )
ich habe mir jetzt die Position des Searchform divs angeschaut und rein empirisch ermittelt: für den Anfang wären ca. 22px top abstand ok – nachher sollten es nur noch 1px sein.
Diese Abnahme des Topabstandes muss ich mit der Variable koppeln, welch die header höhe repräsentiert ( in dem Script ist das newH ).
Mir war klar, dass ich es nur durch Faktoren nicht hinbringen würde – eine konstante musste noch dabei sein.88x - y = 22 44x - y = 1zwei Gleichungen zwei Unbekannte
Lösung: x ≈ 0.477 und y= 20daher die neue Kalkulation innerhalb des scriptes:
search_form.css({'top': (0.477*newH) - 20 + 'px'});ich hatte noch vor die search results unterhalb mit einzubinden, da die aber noch garnicht im DOM sind wenn die Seite lädt – kann eine ähnliche Berechnung nicht greifen.
– leider –bei einem shrinking header muss ich nochmal in mich gehen. Damit das mitläuft beim verkleinern
habe versucht das umzustellen, aber wenn ich es hinbekomme das ich das relativ positionieren kann mit top: 50% und transformY(-50%) dann haut es beim öffnen der Suchvorschläge raus.
Einzige Möglichkeit, die top position an das shrinkscript koppeln.
Das ist ein wenig arbeit. Oder du verzichtest auf das ohnehin sehe dezente shrinken ( da du ja einen kleinen header gewählt hast )hier ist mal das veränderter shrink script – ich erklär die nachher oder Morgen wie es geht.
https://pastebin.com/sKnhYq4a Download: Linknach dem Download zurückbenennen in das original: avia-snippet-sticky-header.js
That is the reason for:
i would give a custom class to the section it concerns
you give a custom class f.e. to the color-section where all those columns are in. Then the selector is the trigger for using this code.
.avia-section.custom-class .avia-button-wrap { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .avia-section.custom-class .av_textblock_section { padding-bottom: 30px; }so whenever you come to an same setting you only had to give that custom-class to the color-section to which the columns belong.
But it has to be the same setting. You see that a little padding is given to the last but one element in the column to have distance to the absolut positioned buttons. If this is something different than a textblock you had to adjust this.by the way – same setting – on your home page are these columns in the second line real equal height columns ?
