sorry i didn’t see that you solved allready your issue.

• This reply was modified 4 years, 4 months ago by Guenni007.

ich weiß nicht woran es liegt. Früher gingen die youtu.be links.

PS : an deiner Font Geschichte mußt du arbeiten, da sind eine Menge Fehlermeldungen in der Konsole

to what element does the ID: #impact-boxes belong?
i do not believe that it is a parent of #wrap_all ! This is parent of all content you can set on default.
the #top ID belongs to the body tag and is parent of #wrap_all
so this might be the right sequence ( cascading ) : .responsive #top #wrap_all #impact-boxes .flex_column
if it is a color-section

yes – that is nearly exactly my solution – only that change in gallery.js i think it is not necessary.
– but it has the disadvantage ( as mentioned above ) – that there is no “gallery mode” ( on magnificPopup: gallery: { enabled:true }, )

And how about the option to save the color-section as template?

I use that for a lot of prestyled layouted Color-Sections
you find those templates in the upper right side –
Or save a whole page as template !

Hi Ismael – and when will 4.8.7.2. be downloadable ? ;)

no my solution is only a temporary solution – because it does not have a gallery function in the lightbox.
https://webers-testseite.de/ajax-gallery/

• This reply was modified 4 years, 4 months ago by Guenni007.

Go and activate the shortcode for search in child-theme functions.php

add_shortcode('avia_search', 'get_search_form');

then you can place an custom link to your menu by Navigation Label: [avia_search]
maybe to select it easier give a custom class to that custom link.
The rest is css

what kind of header do you have?
do you want the search only on hamburger?

on a customer installation – the hoster updated to Debian Bullseye (I guess it’s version 11), this version implemented only Apache 2.4 modules.
This caused some problems with various plugins. In the older theme was yes debian 9.x at the start, but maybe thinkjarvis problems stem exactly from that. Ask your provider if they also run Bullseye in the meantime.

these are the svgs itself
you can open with a good texteditor your svgs and place your wanted alt and title tags you like – before uploading.
On media library the alt tag is only if you use the svg as img tag ( <img src="/wp-content/uploads/abc.svg" alt="" />

on default a svg starts with the svg tag – put in what you need – f.e.:
<svg xmlns="http://www.w3.org/2000/svg" id="nicht_animiertes_Logo" alt="Mein Logo" title="Logo" x="0" y="0" preserveAspectRatio="xMinYMid meet" version="1.1" viewBox="0 0 420 150" xml:space="preserve">

hey Mike

Otherwise, I can just use an image grid, but that would be more cumbersome because I would then have to link each image individually. With the other two options, I would only need to create the individual pages.

I guess the above solution will satisfy her
see example-page: https://webers-testseite.de/sabine/

you can increase the Column Count number there at the drop-down by making appropriate changes in the portfolio.php.

you can download the whole portfolio.php from pastebin:
( this is on basis of enfold 4.8.7.1)
look: https://pastebin.com/v1s9sdQb
download: https://pastebin.com/dl/v1s9sdQb

This new portfolio.php you can upload via ftp to a folder named shortcodes in your child-theme folder:
child-theme/shortcodes
To load those edited child-theme alb elements ( see docu ) – you had to place that snippet in your child-theme functions.php:

function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

after that in the dom the portfolio will have that extra class : grid-col-8 ( in your case )
now you only have to put this to your quick css ( or something similar ):

.grid-col-8 .grid-entry {
  width: calc(12.5% - 8.75px) !important;
  padding: 0;
  margin: 0 10px 10px 0 !important;
}

.grid-col-8 .grid-entry:nth-child(8n) {
  margin-right: 0 !important;
}

ps: 8.75px because 8cols will have 7 spaces between with a setting of 10px it is 70px total space 70px/8 = 8.75px

I suspect that pure css animations can’t do what you want them to do.
These animations need detection of whether an element is in the viewport or not. These events could be detected via Element.getBoundingClientRect() and this has wide browser support so far, but that seems to be a continuous high performance interaction.
in the meantime there seems to be a better solution using intersectionObserver. But you would have to add these listeners yourself via child-theme functions.php. But then they are very flexible to use.