And why two times opening a new post on similar thing: https://kriesi.at/support/topic/change-color-text-input_checkbox_label-form-with-background/

my answer is there

since the existing rule is also set to important – we must then do the same with even more selectivity
The Link inside had to be influenced too.

#top.page-id-519 .input_checkbox_label {
  color: #fff !important;
}

#top.page-id-519 .input_checkbox_label a {
  color: #f1c20c !important;
}

And you love me too? ;) – because i’m not part of that team.

i do not see your page – but you can use the filter in this case: avf_customize_heading_settings

This filter exists in a lot of ALB Elements to change the heading tag: Link

on time line there are two possibilites to influence the date and the title
And you can even add an additional Class to these tags:
Put this to your child-theme functions.php

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){

// this is for the date 
  if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'date', $extra_args ) )
  {
    $args['heading'] = 'h3';            
    $args['extra_class'] = 'custom-date-class';   
  }

// this is for the title 
  if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'title', $extra_args ) )
  {
    $args['heading'] = 'h2';            
    $args['extra_class'] = 'custom-title-class';   
  } 
  
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

add this to the whole code:

.flex4on1::before,
.flex4on1::after {
    display: none !important;
}

i had to see your site ! – no images

are your images the same size! if they got different aspect ratio it will be nearly impossible to get that result.
You can see my testpage that it works on all screen width.
otherwise look for a mod

Next Question: these are only images ( with maybe a link to lightbox or other pages) ?
It must be a masonry effect? ( Masonry Gallery ALB Element ) ?

This is a different approach.
The Masonry Containers are a list of anchor elements.
Anchors are always block-level element.
https://webers-testseite.de/4on1-flexbox-model/

PS: Du kannst natürlich auch jedem slide einen Link geben!

you have set on your css :

.entry-content-wrapper div li {
    text-indent: 0;
    position: relative;
    left: 20px;
}

this influences the slideshow li’s too. because the images are in li containers the whole slideshow is an unordered list !

but on the slideshow they had to be in an absolute positioning

so get rid of that code – and style your list with :

.avia_textblock li {
    padding-left: 20px;
    list-style: inside;
}

that shifts your list on the left a bit more to the right.

well first it is not the enfold silder : soliloquy-slider
guess it is hard to say from the team here.

why don’t you use the Enfold Simple Slider instead?
You can have a very similiar Outlook of that
I wouldn’t make such a long list as in slider 1 but you can style it like slider 2 on my example:
https://webers-testseite.de/simple-slider/

____________
Die Anpassung für den Caption Hintergrund sage ich dir dann wenn du es übernehmen möchtest.
ich nehme mir mal kurz deine Bilder raus und setze Sie ein. Dann kannst du vergleichen.
du sparst dir dadurch das laden eines zusätzlichen Plugins, welches überhaupt nicht nötig ist. Das bringt auch Performance Vorteile.
Die Bilder ersetze ich dann sobald du es gesehen hast.

• This reply was modified 5 years, 1 month ago by Guenni007.

just a bit like this on both:

#top .social_bookmarks {
  margin: 0;
}

.fallback_menu + .social_bookmarks {
  padding-left: 9px;
}

#header_main::before {
    content: '';
    position: absolute;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    border: 14px solid #d1b1a7; 
}

#header_main::before {
    width: 145px;
    height: 40px; 
    right: 5px;
}

@media only screen and (max-width:767px) {
    #header_main::before {
      width: 140px;
      height: 30px; 
      right: 20px;
    } 
}

@media only screen and (max-width:479px) {
    #header_main::before {
      width: 50px;
      height: 30px; 
      right: 5px;
    } 
}

first: the burger button is covered by the social bookmarks and because it has a z-index of 150 and your burger has 100
the active click area of the burger is less than it should. ( only left side is active )

let the margin left be on default and set the padding lower:

#top .social_bookmarks {
  margin: 0;
}

.fallback_menu + .social_bookmarks {
  padding-left: 9px;
}

And that is really hard to understand?
is_user_logged_in is if the user is logged in.

the ! is a not logic

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link){
  if ( is_user_logged_in() ) {
      $link = "https://yousio.com/activity"; 
  }
  if ( !is_user_logged_in() ) {
      $link = "https://yousio.com/"; 
  }
    return $link;
}

but for not logged in users this is normal behavior so you might get rid of the default setting:

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link){
  if ( is_user_logged_in() ) {
      $link = "https://yousio.com/activity"; 
  }
    return $link;
}

try yourself.

• This reply was modified 5 years, 1 month ago by Guenni007.

The css code comes to quick css – but read carefully – there is a custom-class to set for a parent-element of the images.
If you like every image in a color-section with a link to have that hover style – give the class to the color-section.
If you only want it for some images give the class to the image alb itself.

If you like to have that style for Masonry Entries – we had to change the code.

It was important for me that you understand the procedure and then transfer it yourself.
So you’ve got two containers, so to speak, lying on top of each other.
One has a height of 0 and grows in the Y-direction – the other one has a width of 0 and grows in the X-direction.

If you are not able to transfer it to other containers – tell me – i will help you then –
it is easier to do it on a live site – so if you can make the page public tell me.

by the way – don’t know why now two filter can change the alternate logo now ( f.e. for some pages to show a different transparent logo)

function my_custom_attributes_for_alternate_logo($header_filtered){
	$header_filtered['header_replacement_logo']  = "https://url-to-the-new-logo";
	return $header_filtered;
}
add_filter( 'avf_transparency_logo_data', 'my_custom_attributes_for_alternate_logo' );

and this still works too:

function replace_transparent_logo_on_some_pages($header){
    if( is_front_page( ) ){
        $header['header_replacement_logo'] = "https://url-to-the-new-logo";
    }
    return $header; 
}
add_filter('avf_header_setting_filter','replace_transparent_logo_on_some_pages');