A notice :
so i am the supporter of the child theme files. Existing Child-Theme files reminds me that there was a customisation.
If i change some code inside those files – in this case i not only change inside the new code – but also try to include as accurate comments as possible.
Most of the code here has some comments on top of the first lines anyway – there I place another one that gives me a hint what it is about.
e.g: * Comment from Guenni007: related-posts here not by tags but by category – see line 60 and 80
and now f.e. on that lin 60:

$tags = get_the_category($this_id); // changed - orig: wp_get_post_tags($this_id);

When such adjustments are made, I always recommend staying cleanly in the child theme. Since I’m not sure it would be enough to have only the js file in the child theme shortcodes folder, I would take the rest of the files with it and relink the loading of the child theme css and js files respectively in the child theme php file.
And now we probably come to the crux of the matter. The older files might no longer match with the other parent elements.
However, one is not exempt from making these adjustments over and over again with updated files, whether one has applied these changes in the parent element or in the child theme files.
Using older child elements in the child theme can work well, but it doesn’t have to.
I would advise against it, especially for major updates.

You see that just in this case an adjustment is available by means of icongrid.css and icongrid_old.css. There I would assume that some within the php file has also changed.
In conclusion, I can say that I can not detect any problems with the element. Neither for desktop nor for mobile devices.

if you have a link to your site in private content area – i do not see – because i’m participant too.
But as a container like others you can set in the css code above a background-color.
if you only want to have that icon placed in your content – you don’t need the font-icon. You can place like this your svg itself. Then you can even have multicolor icons in front.
_________
See here an example test page ( with a custom font of mine – you had to change it to your font-family) : https://webers-testseite.de/#footer

and code a bit different:

#footer .widgettitle {
  padding-left: 40px;
  position: relative;
}

#footer .widgettitle::before {
  position: absolute !important;
  width: 30px !important;
  height: 30px !important;
  top: -2px;
  left: 0;
  content: "\e844";
  font-family: "fontellico";
  font-weight: 400 !important;
  font-size: 1.2em;
  line-height: 35px;
  background-color: #f5c61b;
  color: blue;
  text-align: center;
}

did you have a child-theme avia-snippet-sticky-header.js
and value calculation like here: https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/#post-1186874

But please Rikard – do check why that filter does not work in that manner.
my used filter is only mentioned as apply_filters_deprecated f.e. in class-avia-masonry.php and

have you checked if enfold does not do that if you put in that enfold options page of Google Analytics Tracking Code
______________
there is a hook directly after the opening body tag: ava_after_body_opening_tag

you can use it like this:

add_action('ava_after_body_opening_tag', function() {
  echo '<div class="custom"></div>';
});

only if there is an advanced layer slider on that page – this will come first.
can you post here the code you had to insert ( replace your IDs if there are some inside with dummies )

maybe better – insert it to a copy of header.php directly and place that edited header.php in your child-theme folder.

BUT – if you had to be GDPR ( DSGVO ) compliant – this methods must be adjusted.

• This reply was modified 4 years ago by Guenni007.

i use all three files – the php file is only necessary because we had to load the child-theme css and js file.
in the css parent file there are some settings to be !important. This is not possible to overwrite from external ( quick css ) css.

So i would change Mikes Code a little.
And to have that not on all horizontal galleries – i would give a custom-class to the ALB Element f.e.: subline-gallery

function horizontal_gallery_subline(){
?>
<script>
(function($){
	$('.av-horizontal-gallery.subline-gallery').css("padding-bottom" , "30px" );
	$('.av-horizontal-gallery.subline-gallery .av-horizontal-gallery-link').css("bottom" , "50px");
	$('.av-horizontal-gallery.subline-gallery .avia-slideshow-arrows a').css("top" , "40%");

	$('.av-horizontal-gallery.subline-gallery .av-horizontal-gallery-img').each(function(){
	    var imgTitle = $(this).attr('title');
	    var imgAlt = $(this).attr('alt');
	    $(this).after('<span class="title-under-image">' + imgTitle + '</span><span class="alt-under-image">' + imgAlt + '</span>').css({"margin": "-20px 0"});
	    $(this).css({
	        "padding-bottom"    : "20px",
	        "background-color"  : "transparent"
	    });
	    $('.title-under-image').css({
	        "display"       : "block",
	        "text-align"    : "center",
	        "color"         : "#000",
	        "font-weight"   : "bold"
	    });
	    $('.alt-under-image').css({
	        "display":"block",
	        "text-align": "center",
	        "color": "#444"
	    });
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline'); 

test-page: https://webers-testseite.de/horizontal-gallery/

yes – it is because the portfolio_small is a cropped size
try instead f.e.: medium_large ( that is a wordpress file-size ) or
masonry ( you see on functions.php line 220 that crop is set to false.
or if you like – generate a new file-size that is not croped

add_image_size( 'news_size', 175, 260, false );

function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'news_size' => __( 'News Size' ),
    ));
}
add_filter( 'image_size_names_choose', 'my_custom_sizes' );

in combination then with the code above:

function my_avf_newsbox_image_size( $image_size, array $args, array $instance ){
  if( $args['widget_id'] == ( 'portfoliobox-3' || 'newsbox-2' || 'newsbox-5' ) ){
    $image_size = 'news_size';
  }
  return $image_size;
}
add_filter( 'avf_newsbox_image_size', 'my_avf_newsbox_image_size', 10, 3 );

but in this case you had to regenerate the thumbnails on existing images.
f.e.: with https://en-gb.wordpress.org/plugins/regenerate-thumbnails-advanced/
See results with news_size on: https://webers-testseite.de/#footer

Reset your css settings in this case first and see what happens.
_________________________
the last part ( my_custom_sizes ) is only to have that image size as a choice in media-library insertion :

hm – i can not believe this – because what i see on class-template-builder.php on line : 675 – this ava_builder_shortcode_files_loaded
is not a filter – the filter is still: avia_load_shortcodes

Edit : I’m going to clean up the code a bit; because when I made these adjustments, there were a lot less options in the ALB element itself. So I guess you can remove font colors and background colors now, I’ll check that right now.
box-shadow option is possible too in alb element.

by the way – that will be a nice feature to have. An input field for a frontside background image. If it is set the icon will be set to display none.

you can influence the source of the thumbnail used for the widget by this snippet in your child-theme functions.php:

function my_avf_newsbox_image_size( $image_size, array $args, array $instance ){
  if( $args['widget_id'] == ( 'portfoliobox-3' || 'newsbox-2' || 'newsbox-5' ) ){
    $image_size = 'portfolio_small';
  }
  return $image_size;
}
add_filter( 'avf_newsbox_image_size', 'my_avf_newsbox_image_size', 10, 3 );

( the two “pipes” : || means “or” as logical operator )

Looking to your page i see that this widget in your footer is in newsbox-5
now choose an image-size ( above it is portfolio_small ) which fits to your needs ( see parent functions.php on lines : 211ff )

you see on the example code that the filter avf_newsbox_image_size is not only for newsbox images – but for the portfolioboxes too.

PS: you had to style it with that new image source again – a bit different to that from your code above

Sometimes these keyframe animations starts when an eventlistner is fired. One of these events is when an element appears in the viewport, or a certain scroll distance has been completed. Sometimes there are little tools in themes that observe whether an element appears in the viewport or not.
Thus, Enfold is embedded a script that can perform such tasks. ( keyword is: waypoint script ).
You can see it in shortcodes.js file on line 232ff
and the helper function itself is on line 705ff

if you only use these selfhosted fonts – you can hamper Enfold to load google fonts at all.

this here seems to be the actual prefered snippet:

function my_output_google_webfonts_script( $activate ){
  return false;
}
add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

• This reply was modified 3 years, 3 months ago by Yigit.