here is the css code for stretching the caption background as you have before on the other slider:
if you do only like to have it on that slider : give a custom class to the slider in my example: stretch-caption

.avia-slideshow.stretch-caption {
    box-shadow: 0 0 25px -5px #000;
    background: #fff !important;
}

.stretch-caption .caption_framed .slideshow_caption .avia-caption-content p, 
.stretch-caption .caption_framed .slideshow_caption .avia-caption-title, 
.stretch-caption .avia-caption .avia-caption-content p, 
.stretch-caption .avia-caption .avia-caption-title {
  background: transparent;
  color: #fff !important
}

.stretch-caption .avia-caption {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
}

hm :

have you tried that on top:

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;
}

maybe you set the wordpress setup wrong – because i do not see any difference on the homepage and the activity page ( yes i’m not logged in)
when klicking on the activity button in your menu. If there is a difference there migth be two different pages ! ?

what did you declare as frontpage ( if it is the activity page then it is clear )

Yes i can see that there is different pages ( different page-ids ) but the content seems to me identical.
I see only different sidebars. But they do change on reload too.

have a look what happens if we add a pseudo container to header_main:

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

you had to adjust this in media querries to your needs ( the social bookmarks are gone if the screen is narrow )
on middle wide screen a height of 30px is enough and on small mobile screens you had to make the width smaller just to surround the burger.

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

Jordan is right – but i would take a color of the shirt as background like: #223256
or the something of the cap color: #541a26

Try this:

add_filter('avf_logo_link','av_change_logo_link');
function av_change_logo_link($link){
  if ( is_user_logged_in() ) {
      $link = "url1"; 
  }
  if ( !is_user_logged_in() ) {
      $link = "url2"; 
  }
    return $link;
}

But take the setting anyway: large gap !

See Example Page again: https://webers-testseite.de/masonry-4on1big/

and :) you also have to chew by yourself a little when eating.
In other words – adjust it to your needs now ( media query break points or spacing ) i set up now a 3px ( on default large gap is 6px )

Wow Thanks!
here we go:
besides the alt and title of that image in the media library
we have now the way to change main logo alt and title via filter:

/** for main logo these two will do the job ***********/
function avf_change_logo_title($title) {
   $title = "The new Title is here";
   return $title;     
}
add_filter('avf_logo_title', 'avf_change_logo_title');

function avf_change_logo_alt($alt) {
   $alt = "New Alt Text Here";
   return $alt;     
}
add_filter('avf_logo_alt', 'avf_change_logo_alt');

and now we got a new filter: avf_transparency_logo_data
Guess this must work since Enfold 4.7.4.1:

function my_custom_attributes_for_alternate_logo($header_filtered){
	$header_filtered['header_replacement_logo_title']  = 'Alternate Logo Title';
	$header_filtered['header_replacement_logo_alt']  = 'Alternate Logo Alt';
	return $header_filtered;
}
add_filter( 'avf_transparency_logo_data', 'my_custom_attributes_for_alternate_logo' );

ps: please correct me if i’m wrong
this will do the job too – its just a bit different syntax:

add_filter('avf_transparency_logo_data', function($header_filtered){
		$header_filtered['header_replacement_logo_title']  = 'Alternate Logo Title';
		$header_filtered['header_replacement_logo_alt']  = 'Alternate Logo Alt';
		return $header_filtered;
}, 10, 2);

don’t know if $priority and $accepted_args are needed here.

To your image hover effect.
i did a custom-class to a parent container to the image: hoverstyle1

In this case – if you want different selectors ( like categorie links or portfolio links etc. ) there must be analog css rules.
The point is to understand what is done – that is a good starting point.
The “framed on hover” element is styled via pseudo-containers ( before and after) – these containers got a border ( border left/right on after – and border top/bottom on before container )

these containers itself has no background-color – but borders – and are scaled to zero.
on hovering these container grow to 100% ( scale(1))

see result here: https://webers-testseite.de/hover-images/

here is the css code ( i did set the overlay to display none)

.hoverstyle1 .image-overlay {
  display: none !important;
}

/* hover styling images */
.hoverstyle1 a.avia_image:before, 
.hoverstyle1 a.avia_image:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: none;
  background: transparent;
  width: auto;
  height: auto;
  z-index: 10;
}

.hoverstyle1 a.avia_image:before {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

.hoverstyle1 a.avia_image:after {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
}

.hoverstyle1 .avia-image-overlay-wrap:hover a.avia_image:before, 
.hoverstyle1 .avia-image-overlay-wrap:hover a.avia_image:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

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

or does he like to : A way to change any Fullwidth Easy Slider Caption Title to H1 from inside WP?

the filter : avf_customize_heading_settings is now in newest enfold only in the av-helper-slideshow.php
I thought it was on former versions in each slider type.
So i only found a way to influence the whole default_heading tag by this in your child-theme functions.php:
It only changes the default_heading – if you have set a custom heading tag ( see posting of mine before with the image) it will not overwrite that.

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
	if( $context == 'avia_slideshow' ){
		$default_heading = ! empty( $dev_tags['heading_tag'] ) ? $dev_tags['heading_tag'] : 'h1';
		$args['heading'] = $default_heading;					
		$args['extra_class'] = $dev_tags['heading_class'];	
	}
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

i did not see a way to use this filter only for the full-width slider
if you only like to influence the default_heading on fullwidth easy slider you can have your own
child-theme slideshow_fullsize.php
and change on line 810 to:
'theme_default' => 'h1',

Yes the pipe will have the “or” in the if clause.
That will work! – i’m only unsure if i had to insert that global $posts and if there is a more elegant way for the syntax.

can you try this – don’t know if this is the correct way to use this filter but it might work in combination with blog-grid style
just check for context: archive , index, tag

add_filter('avf_post_slider_args', function($atts, $context){
	global $posts;
	if($context == 'index') { $atts['columns']  = 4;}
	return $atts;
}, 10, 2);

do you mean this here – that is called hamburger – because it looks a littel bit like a burger

this to quick css:

.header_color .av-hamburger-inner, 
.header_color .av-hamburger-inner::before, 
.header_color .av-hamburger-inner::after {
    background-color: #db0d0d !important;
}

#main, .main_color, .html_stretched #wrap_all,
.avia-msie-8 .av_header_sticky_disabled#header {
  background-color: transparent !important;
}

but with background-attachment: fixed you will have some troubles on OS X Safari Systems.
see here: https://kriesi.at/support/topic/theme-is-shaking-a-lot-in-safari/

The trick will be to have a pseudo before container with same background-image and to set the whole pseudo container to position : fixed then.

Look to the differece on a safari browser on scrolling fast with or without that:

#top {
  clip-path: inset(0 0 0 0);
  background-size: 0 !important;
}

#top:before {
  background-image: inherit !important;
  background-repeat: no-repeat;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: right center;
  will-change: transform;
}

#main, .main_color, .html_stretched #wrap_all,
.avia-msie-8 .av_header_sticky_disabled#header {
  background-color: transparent !important;
}

.main_color {
    z-index: 5 !important;
    position: relative;
}

if you are at the actual Enfold Version – you have on each Column its own Advanced Tab : Developer Settings.
There you can insert a unique ID.
But for just a unique CSS selector you do not need IDs – you can use classes as well.