First : the place of advanced styling should work. i always use quick css for this because i like to have all changings on one place.
Second : After setting up on Advanced styling – did you refresh the merged files in Enfold ( Enfold-Child / Performance / ) ?
Third : Did you cleared all cache ( The browser cache can sometimes be very persistent.)

On General : The use of child-theme
A child-theme uses all settings of the parent theme and is for having not lost settings when updating the parent theme.
Most Settings (CSS) on Child-Theme are loaded after the parent theme css files – so on caskading rules the later one are the one that works ( if the rules are more or equal specific than parent rules)
there is one child-theme file ( the functions.php ) that did not overwrite parent theme but will add rules to it on general ( rules can be forced in there to overwrite ).

So if there is a rule on f.e. base.css of parent theme like:
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
it will be overwritten by child-theme css:
h1 { font-size: 40px}

but f.e. if there is a rule like :
.responsive .logo img{margin:0; }
and you have on your child-theme quick css
.logo img{margin:0; }
the first rule is more specific ( has a higher value : see here https://specificity.keegan.st/ )

For Changings: Enfold got this quick css field ( on Enfold-Child / General Styling )
there you can read as description:

Quick CSS
Just want to do some quick CSS changes? Enter them here, they will be applied to the theme. If you need to change major portions of the theme please use the custom.css file or the Enfold Child theme.

so to overwrite use quick css ( or the advanced styling) and be more or equal specific.

If you like to show your page – we can give more help to your code on detail.

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, 10 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, 10 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.