you can see here some info about Child-theme and you can download a predefined Child-Theme.
There is allready – at the beginning nearly empty – a functions.php in it.

https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/

function horizontal_gallery_subline(){
?>
<script>
(function($){
    $(window).load(function() { 
        $('.av-horizontal-gallery-link').css('bottom', '30px');        
        $('.av-horizontal-gallery-img').each(function(){
            var imgTitle = $(this).attr('title'); 
            $(this).after('<p class="text-under-image">' + imgTitle + '</p>');
            $(this).css({
                'padding-bottom' : '20px',
                'background-color' : 'transparent',
            });
            $('.text-under-image').css({
                "text-align": "center",
                "margin": "-20px 0",
                "color": "#000",
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline');

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

Edit: i see what is the fact – but we need to have the overflow visible to see the sublines.
I will have a look if it is possible to place the sublines out of the container.

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

this will be the right way – but i tested it on shrinking header – there must be new rules than to add.
Just a moment …

edit: what kind of header setting do you have?
The one with the shrinking header is a bit complex – because we had to edit: avia-snippet-sticky-header.js

Multiline Menus See here: https://kriesi.at/documentation/enfold/menu/#multiline-menu

by the way – if you like to have the menu floats right:
set that rule to
justify-content: flex-end;

hi Yigit : in register-admin-options.php is still the wrong Sequence

this is the right order:

//required for the general styling color schemes
include('register-backend-styles.php');

//required for the advanced styling wizard
include('register-backend-advanced-styles.php');

// Allow to include a user defined file to add or alter backend styles
$custom_path = apply_filters( 'avf_register_custom_backend_styles', '' );
if( ! empty( $custom_path ) && file_exists( $custom_path ) ){
	include_once $custom_path;
}

the new filter is on new Enfold 4.4.1 again over :

//required for the general styling color schemes
include('register-backend-styles.php');

//required for the advanced styling wizard
include('register-backend-advanced-styles.php');

And with this sequence it will not work !
Check it out for yourself – i told it again – but it is always forgotten till now

you can make your own predefined color-scheme by adding some code to your child-theme functions.php:
All manual – but you got your own style and can transform this to other installations if you like

add_filter('avf_skin_options', 'my_custom_added_style_function');
function my_custom_added_style_function($styles = "") {

	$default_primary 	= "#2d5c88";
	$default_highlight 	= "#3d71a1";
	$default_background = "#041424";
	$special_border 	= "#0A2138";

	$styles["Custom Style"] = array(		
							"style"=>"background-color:$default_primary;",
							"default_font" => "Open Sans:400,600",
							"google_webfont" => "Open Sans:400,600",
							"color_scheme"	=>"Custom Style",
							
							// header
							"colorset-header_color-bg"				=>"#ffffff",
							"colorset-header_color-bg2"				=>"#f8f8f8",
							"colorset-header_color-primary"			=>"$default_primary",
							"colorset-header_color-secondary"		=>"#444444",
							"colorset-header_color-color"			=>"#333333",
							"colorset-header_color-border"			=>"#e1e1e1",
							"colorset-header_color-img"				=>"",
							"colorset-header_color-customimage"		=>"",
							"colorset-header_color-pos" 			=> "top center",
							"colorset-header_color-repeat" 			=> "repeat",
							"colorset-header_color-attach" 			=> "scroll",
							'colorset-header_color-heading' 		=> '#000000',
							'colorset-header_color-meta' 			=> '#808080',
							
							// main
							"colorset-main_color-bg"				=>"#ffffff",
							"colorset-main_color-bg2"				=>"#fcfcfc",
							"colorset-main_color-primary"			=>"$default_primary",
							"colorset-main_color-secondary"			=>"$default_highlight",
							"colorset-main_color-color"				=>"#666666",
							"colorset-main_color-border"			=>"#e1e1e1",
							"colorset-main_color-img"				=>"",
							"colorset-main_color-customimage"		=>"",
							"colorset-main_color-pos" 				=> "top center",
							"colorset-main_color-repeat" 			=> "repeat",
							"colorset-main_color-attach" 			=> "scroll",
							'colorset-main_color-heading' 			=> '#222222',
							'colorset-main_color-meta' 				=> '#919191',
							
							// alternate
							"colorset-alternate_color-bg"			=>"#fcfcfc",
							"colorset-alternate_color-bg2"			=>"#ffffff",
							"colorset-alternate_color-primary"		=>"$default_primary",
							"colorset-alternate_color-secondary"	=>"$default_highlight",
							"colorset-alternate_color-color"		=>"#666666",
							"colorset-alternate_color-border"		=>"#e1e1e1",
							"colorset-alternate_color-img"			=> "",
							"colorset-alternate_color-customimage"	=>"",
							"colorset-alternate_color-pos" 			=> "top center",
							"colorset-alternate_color-repeat" 		=> "repeat",
							"colorset-alternate_color-attach" 		=> "scroll",
							'colorset-alternate_color-heading' 		=> '#222222',
							'colorset-alternate_color-meta' 		=> '#8f8f8f',
													
							// Footer
							"colorset-footer_color-bg"				=>"#222222",
							"colorset-footer_color-bg2"				=>"#333333",
							"colorset-footer_color-primary"			=>"#ffffff",
							"colorset-footer_color-secondary"		=>"#aaaaaa",
							"colorset-footer_color-color"			=>"#dddddd",
							"colorset-footer_color-border"			=>"#444444",
							"colorset-footer_color-img"				=> "",
							"colorset-footer_color-customimage"		=>"",
							"colorset-footer_color-pos" 			=> "top center",
							"colorset-footer_color-repeat" 			=> "repeat",
							"colorset-footer_color-attach" 			=> "scroll",
							'colorset-footer_color-heading' 		=> '#919191',
							'colorset-footer_color-meta' 			=> '#919191',
							
							// Socket
							"colorset-socket_color-bg"				=>"#333333",
							"colorset-socket_color-bg2"				=>"#555555",
							"colorset-socket_color-primary"			=>"#ffffff",
							"colorset-socket_color-secondary"		=>"#aaaaaa",
							"colorset-socket_color-color"			=>"#eeeeee",
							"colorset-socket_color-border"			=>"#444444",
							"colorset-socket_color-img"				=>"",
							"colorset-socket_color-customimage"		=>"",
							"colorset-socket_color-pos" 			=> "top center",
							"colorset-socket_color-repeat" 			=> "repeat",
							"colorset-socket_color-attach" 			=> "scroll",
							'colorset-socket_color-heading' 		=> '#ffffff',
							'colorset-socket_color-meta' 			=> '#999999',
							
							//body bg
							"color-body_style"						=>"stretched",
							"color-body_color"						=>"#333333", //bg
							"color-body_fontcolor"					=>"#ffffff", //font
							"color-body_attach"						=>"scroll",
							"color-body_repeat"						=>"repeat",
							"color-body_pos"						=>"top center",
							"color-body_img"						=> "",
							"color-body_customimage"				=>"",
							
	);
	return $styles;
}

what headings – normal h3 headings or those in the widgets should get h6
as i said :

you can add to this function more lines like :
replaceElementTag(‘h3.widgettitle’, ‘<div></div>’);
in front the selector – on the end the new surrounding tag! separate each line by a semicolon.

the code above that line is only to transform all classes and attribute existing to the old-tag get transformed to the new one.

so to replace h3 with h6:
replaceElementTag('h3', '<h6></h6>');
replace widget h3 with h6:
replaceElementTag('h3.widgettitle', '<h6></h6>');
etc. pp

you have to look in the source code of your page to be more specific with the selector when you only want to replace some tags.

if you don’t want to show widgets on some pages / posts you can install that older but good plugin : restrict widget
there you got the decision when you like to show the widget or when not.
It is not so complex like widget logic – but in the most cases this seems to be enough control

you can do this to your child-theme functions.php:

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
    
      replaceElementTag('h3.widgettitle', '<div></div>');
    
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

if you like to have p tags then replace div with p
PS : the color set by enfold via the h-tag is lost : but you can give to the div.widgettitle a color and font-size settings etc.

can you try to make it dependent on screen width:

.avia-slideshow,
.avia-slideshow-inner ,
.avia-slideshow li {
    overflow: visible;
}

.avia-slideshow {
    margin-bottom: 80px !important;
}

.avia-slideshow-inner .avia-caption {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.avia-slideshow-inner .avia-caption-title {
    color: #000 !important;
    text-align: center;
    font-size: 2.5vw
}

see here on bottom: https://webers-testseite.de/horizontal-gallery/

the avia-slideshow margin-bottom: 80px. has to be big enough to show even the caption content – if there was something

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

give me please a link to your site – but i’m participant as you so i can not see private area!

by the way – for screens under 768px:

@media only screen and (max-width: 767px){
	.text-under-image {
	    position: absolute !important;
	    background-color: #fff;
	    bottom: 0;
	    left: 50%;
	    transform: translateX(-50%);
	    padding: 0 30px;
	    margin: 0 !important;
	    text-shadow: 1px 1px 2px #aaa;
	    border-radius: 8px 8px 0 0;
	}
}

see example page: https://webers-testseite.de/horizontal-gallery/#next

if you do not like to have this on all horizontal galleries :
give a custom class to the horizontal gallery like: subline-gallery

function horizontal_gallery_subline(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.subline-gallery').css("overflow", "visible" );	   	
	   	$('.subline-gallery .av-horizontal-gallery-link').each(function(){
            var linkTitle = $(this).attr('title');          
            $(this).before('<p class="text-under-image">' + linkTitle + '</p>');
            $('.text-under-image').css({
            	"text-align": "center",
            	"margin": "0.2em 0",
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline');

you can try this in your child-theme functions.php:

function horizontal_gallery_subline(){
?>
<script>
(function($){
    $(window).load(function() {
	   $('.av-horizontal-gallery-link').each(function(){
            var linkTitle = $(this).attr('title');
            $(this).closest('.av-horizontal-gallery').css("overflow", "visible" )           
            $(this).before('<p class="text-under-image">' + linkTitle + '</p>');
            $('.text-under-image').css({
            	"text-align": "center",
            	"margin": "0.2em 0",
            });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'horizontal_gallery_subline');

see here: https://webers-testseite.de/horizontal-gallery/

btw: this will work with active image style enlarge too