That is the reason why i always like to have the link to the concerning page
you can see that it works on my test plattform! ?

If you do not see the custom Class Input Field on Color-Section go to: Enfold-Child / Layout Builder / Show element options for developers
mark that field

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

The page id is just on my page because i do not want to influence the other example pages on my test site. The custom Class makes it specific enough.
But for me it is nice to have here on my page the page id just to remind me where i used that css code.

i guess the category-images is your custom class? see where the dot is of the class on your code!

.page-id-2 .category-images .entry-content-wrapper.clearfix {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}

.page-id-2 .category-images .entry-content-wrapper .flex_column {
flex: 0 1 10%;
margin: 0 !important;
}

hm: click to enlarge the image : overwrite – maybe only for that page ( page-id-4393 ) this padding-top.

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

place a color-section and with custom class like: eight-columns

put in your color-section 8 columns ( maybe 5th one) – put in those columns your content ( images)

place this to your quick css:

.eight-columns .entry-content-wrapper.clearfix {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.eight-columns .entry-content-wrapper .flex_column {
  flex: 0 1 10%;
  margin: 0 !important;
}

see here for info: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

see a working example: https://webers-testseite.de/8col-flex/

New – better Solution for it since 4.5.6:
https://kriesi.at/support/topic/is-it-possible-to-loop-the-post-navigation/#post-1094924

Sieh mal was passiert , wenn du diesen Code hier anstatt benutzt:

.page-id-2 #av_section_2 .avia-content-slider-inner .slide-entry-wrap {
    display: flex !important;
    align-items: center !important;
    flex-direction: row;
    justify-content: space-around !important;
    flex-wrap: wrap;
}

.page-id-2 #av_section_2 .avia-content-slider-inner .slide-entry-wrap .slide-entry.flex_column.no_margin {
    flex: 0 1 150px;
}

Flex Box Modell ist echt mächtig.
Die letzt Anweisung besagt, dass die items nicht wachsen dürfen, aber shrinken ja.

Zu deiner Frage. Jeder Browser hat mittlerweile Developer Tools implementiert. Bei Safari muss man das in den Einstellungen freischalten.
Die Anderen haben es jederzeit bereit.
Wenn du das Kontext Menu mittels deiner Maus über einer Stelle auslöst, kannst du bei den Browsern sowas wie “untersuche das” finden (Element untersuchen; untersuchen etc)
Daraufhin geht ein Fenster mit dem DOM auf und die Eigenschaften (css) werden auch angezeigt.
Bei Body (#top) befindet sich die page-id- bzw postid- etc. pp

Sie mal was dein Avatar hier on Board hergibt:

the filter name has changed on 4.5.6 ( avia – is deprected ):

add_filter( 'avf_post_nav_entries', 'enfold_change_direction_postnav', 10, 2); 
function enfold_change_direction_postnav($entries, $settings) {
    $entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    $entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    return $entries;
}

if you like it only for portfolio you can edit your code above with the new filter name.

what if you disable jQuery Migrate on Enfold – Performance ? refresh all cachings after that and regenerate the merged files on Enfold too.