you can not change the tags via quick css!

did you test this ( i would prefer ) : https://kriesi.at/support/topic/heading-tags-in-the-footer-widget-areas/#post-1198686

or that: https://kriesi.at/support/topic/heading-tags-in-the-footer-widget-areas/#post-1198679

yes – and maybe then you have to style a bit this new content:

.search-result-counter {
    padding: 0;
}

.search-result-counter img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}

and if you like to have both Counter and above the heading an image replace with f.e.

$searchimage = get_the_post_thumbnail( $the_id, 'entry_with_sidebar' ); // look to the info on the bottom - you can take what you like to have here
echo "<span class='search-result-image'>{$searchimage}</span>";
echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

then style it with f.e.:

.search-result-image img {
    width: 300px;
}

_________________

just for info:

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );	
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );	
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );

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

i thought we could use a filter – but it is only set in class-sidebar-generator.php for sidebar widget titles

try this instead in your child-theme functions.php – it is better to replace it before it is inserted in the DOM

function register_custom_footer_widget(){   
    $footer_columns = avia_get_option( 'footer_columns', '5' );
    for ($i = 1; $i <= $footer_columns; $i++){
		unregister_sidebar( 'av_footer_'.$i );

		register_sidebar(array(
			'name' => 'Footer - column'.$i,
			'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 
			'after_widget' => '<span class="seperator extralight-border"></span></section>', 
			'before_title' => '<h5 class="widgettitle">', 
			'after_title' => '</h5>', 
			'id'=>'av_footer_'.$i
		));
	}	
}
add_action( 'widgets_init', 'register_custom_footer_widget', 11 );

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

4.7.4 stayes the same here

by the way : if you are in editor mode to insert the sign – and hover the signs – the code for the sign is shown:

and if you look to the source code of such an icon you see these cryptic signs for it ( like on my example page too at the right side)

and you see that this little cryptic sign has the info inside it:

OK :
The first thing I would always advise on WordPress is to use a child theme.
Link for a predefined Child-Theme and some instructions: https://kriesi.at/documentation/enfold/child-theme/

The advantages of a child theme usage greatly outweigh the few disadvantages; ; last but not least, the desired changes will be preserved with the next update.

The downloaded Child-Theme of Enfold has three files – one png is only to have a preview image in the themes section of your wordpress dashboard.
The child theme style.css is absolutely necessary to identify itself as a child of Enfold. And the function.php which is at the beginning empty ( only some outcommented lines and the starting code.
This child-theme functions.php can be used now to have additional code to the parent theme.

One of this could be to activate the debug mode of Enfold:
So this comes to child-theme functions.php:

// Debug Mode of Enfold
function builder_set_debug(){
  return "debug";
}
add_action('avia_builder_mode', "builder_set_debug");

The first line is only to remember what we like to influence – on php code the two slashes implicates a one line comment.
From now on you have on every Enfold styled Page a Field under the layout field in Editor Mode: See here a simple Setting with one full-width slider and a color-section under it – with some heading:
(click to enlarge)

Now you can see below the layout field how Enfold works “under the hood”.
these shortcodes can be copied and used on different places. Copy the whole shortcode and replace: [the-copied-shortcode-from-debug-mode]

add_action('ava_after_main_title', function() {
    echo do_shortcode("[the-copied-shortcode-from-debug-mode]"); 
});

the resulting code then comes to child-theme functions.php.
It might be good for posts and portfolio pages with sidebar not to have on the second place of the designing auxiliary site to have a color-section : because a color-section is a fullwidth element as the slider – so sidebar will start under this.
So for your needs it would be better to have a full-width slider first and then a 1/1 container for the Headings under it.

this is the same example-page:
The color-section has got custom ID: randomized
and has an image array for that

// Random BG-Image
function randomize_bg_image() {
if(is_page(34024)){ 
?>
<script type="text/javascript">
(function($){
	    var images = ['o2-7.jpg', 'o2-1.jpg', 'o2-2.jpg', 'o2-3.jpg', 'o2-4.jpg', 'o2-5.jpg', 'o2-6.jpg'];
	    $('#randomized').css({
	    	'background-image': 'url(/wp-content/uploads/' + images[Math.floor(Math.random() * images.length)] + ')'
	    });
})(jQuery);
</script>
<?php
}
}
add_action( 'wp_footer', 'randomize_bg_image' );

and it has to be the Layerslider? Would an Enfold Slider ( full-width f.e. ) also be possible?
don’t know why layerslider shortcode does not work with this method?

for example a full-width slider and a following color-section.
style a page as you like to have the content.
copy that enfold shortcode and insert it in a hook via do_shortcode

add_action('ava_after_main_title', function() {
if (is_page(2604)){
    echo do_shortcode("[av_slideshow_full size='featured' min_height='0px' stretch='' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' conditional_play='' animation='slide' autoplay='true' interval='5' id='' custom_class='' av_uid='av-k85x1xh3']
[av_slide_full id='35860'][/av_slide_full]
[av_slide_full id='35865'][/av_slide_full]
[av_slide_full id='35862'][/av_slide_full]
[/av_slideshow_full]
[av_section min_height='25' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#dddddd' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-k85r9uui']
[av_heading heading='".get_the_title()."' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='subheading_below' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' color='' custom_font='' margin='' margin_sync='true' padding='10' link='' link_target='' id='' custom_class='' av_uid='av-k85rator' admin_preview_bg='']
Wordpress Tag Line
[/av_heading]
[/av_section]"); 
}
});

see here the result: https://webers-testseite.de/kontakt/
the pagetitle is inserted dynamically by that break in the code: ".get_the_title()."
You see that even the first color-section on that page gets the right index as #av_section_2

the basic is:

add_action('ava_after_main_title', function() {
    echo do_shortcode("[the-copied-shortcode-from-debug-mode]"); 
});

the if clause can handle all you like f.e.
if( is_single()||is_singular( 'event' )||is_search()||is_category()||is_page()|| is_singular( 'portfolio' )){

Yes : see private content url – everything works without script – except the mega-title links with sub-menu level

but i really do not see the need for it : there is allready a class for the current menu item: current-menu-item
The only problem is that the first level parent li’s get the same class but in additon they become that class: active-parent-item
So this should do the job for mega menu sub-menu items if they have themself a sub-menu!

#av-burger-menu-ul li:not(.active-parent-item) .current-menu-item a {
    color: green !important;
}

and this here for normal first-level sub-menu links:

/*** colorize parent***/
#av-burger-menu-ul li.current-menu-parent.current-menu-item > a {
    color: red !important;
}
/** colorize active item ****/
#av-burger-menu-ul li.current-menu-item > a {
    color: green !important;
}

the only need for a new class could be a mega-menu title with own link and sub-menu : there is only a class: av-width-submenu

may i see your site please – send me a link via e-mail if you have no other choice – see my nick or avatar.

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

However, when I do the same with a fontawesome font, it shows an empty square in icon list in avia builder.

the fontawesome from fontello or where did you download it?

But this is only relevant if you allow transparency for narrow screen widths.
This would certainly have been an important information in your introduction.

On helper-main-menu.php since line 127 ( Enfold 4.7.3)
there is a condition that is bound to header_transparency

on functions-enfold.php since line 1166 :
//header class that tells us to use the alternate logo
the class : av_alternate_logo_active is set for that to #header

on layout.css there is ruled the visibility of that logo:

@media only screen and (max-width: 989px) {
	.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
	.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate{display:none;}
}
@media only screen and (max-width: 767px) {
	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
	.responsive #top .av_header_transparency .logo img.alternate{display:none;}
}

It was actually quite a hard job to read myself back into it. But now it’s probably not that interesting to look at the solution anymore. Well – …

But please read carefully: if you have updated the theme to 4.7.3 ( and i see you have done that) then the code : here is obsolete. The Theme Version 4.7.3 has this allready implemented.
And you link now as described here : https://kriesi.at/support/topic/how-to-link-to-tabs/#post-1157756

or take only the white sings as png files and style the background-colors for them.
Guess normal logo color of them is: #99c612