i think it was the function name – with the white screen
you have to prove always if you have used it allready. If a function name is there twice it ends up in a white screen.

by the way – have a look to your team member page: https://kriesi.at/themes/enfold-2017/elements/team-member/

do you see images – i guess they have the test.kriesi.at link in it ( thats the past)

by the way – i don’t like file names too – there is a fix to show the description instead :
on galleries or images:

function gallery_title_fix(){
?>
<script>
(function($){
    $(window).load(function() {
      $('.lightbox-added img').each(function(){
            var lin = $(this).attr('alt');
            $(this).attr('title',lin);
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'gallery_title_fix');

i think you are using an extra lightbox plugin – and not using the embedded one of enfold.
under enfold – theme options – is there a mark on “Lightbox Modal Window”

i misunderstood your request – just go back to your non deviders layout –
i thougt you like to have dotted deviders.

the only code you need is here https://kriesi.at/support/topic/separator-with-dots/#post-873056

just change your code to:

.av-main-nav li.menu-item > a:before {
content: '•';
margin-right: 22px;
}

you have the choice of a separator on menu by enfold options.
called “Separator between menu items”

if you choose the small one the code looks like this after i changed it to dotted and 2px (thats for main menu)

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-style: dotted;
    border-left-width: 2px;
}

for mobile same thing ( you only see those dots if border-width gets 2px minimum )
if you got a different choice of overlay you have to look what code this is .

the rule goes always to border-style

.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}

ok – on my end it works except if there is color-section – than it is above.
now my skills are at their finish –

guess you have to wait til mods are here. – Maybe there is an easy method.
i read a lot of ajax and the possibility to get in dynamic content – but this goes over my needs to help you now furthermore.

this is another method – but because color-section is content too it will be before it:

function insert_before_content($content) {
	$beforecontent = '[av_sidebar widget_area="under-title"]';
	$fullcontent = $beforecontent . $content ;
	return $fullcontent;
}
add_filter('the_content', 'insert_before_content');

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

try this selector:

.av-masonry-container a:nth-of-type(1) .av-inner-masonry {
    border: 10px solid #900;
}

styling the a itself is ugly :lol

function insert_container_overmain(){
?>
<script>
jQuery(function() {
   jQuery('#main .av-content-small:first-child').prepend('<div id="overmain">  </div>');
   jQuery('#overmain').css('height', ' 120px');
});
</script>
<?php
}
add_action('wp_head', 'insert_container_overmain');

this will be the right position. –
but i do not know how to get in the prepended content the do_shortcode rule

and this is only for pages/posts with sidebar !

so you see it is the right position –
so now make an own widget ( without defining / registering ) just on widget area
name it you like f.e: under-title

maybe without divs

add_action('ava_after_main_title', function() {
if ( is_page() || is_single() || is_singular( 'portfolio' )  ) {
	echo do_shortcode("[av_sidebar widget_area='under-title']");
}
});

put in there the things you like

i must see a live link.
and this is a bit different to the screenshot above. On the first one it is directly under the bread-crumps (title bar)
The woocommerce should go in that field ?
Determine if woocommerce got his own shortcode for that.

Now you say it is for every page – than it will be better to create an own widget area with position determined.
This do_shortcode gives you the oportunity to place it directly above all content – the first position in main.

to decide only from a screenshot nearly impossible.

click to enlarge – you see this was my test – just under breadcrump before the other main content.

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

is it allways ?
could you take the blog-widget for it – because you don’t use it elsewhere?
Then you can take that for it

add this to your functions.php of your child-theme:

add_action('ava_after_main_title', function() {
if ( is_single() || is_singular( 'portfolio' )  ) {
    echo '<div class="container">';
	echo do_shortcode("[av_sidebar widget_area='Sidebar Blog']");
    echo '</div>';
}
});

you see the if clause – you can do all the things an if-clause can do as is_page ; is_category; is_singular(‘event’) etc

if you don’t like to use blog widget for it
create an own widget just by adding one in widget area maybe call it after-title

add_action('ava_after_main_title', function() {
if ( is_single() || is_singular( 'portfolio' )  ) {
	echo '<div class="container">';
	    echo do_shortcode("[av_sidebar widget_area='after-title']");
	echo '</div>';
}
});

you only have to style it than via quick css
the width is still set via the container to your enfold width

• This reply was modified 7 years, 8 months ago by Guenni007.

I guess he needed – because status quo is still a big logo – not two of them.

if you take a look to the svg with text : you can open a svg with a good text-editor
on windows: notepad ++
on mac : sublime text

you will see this :

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 415 500.4" style="enable-background:new 0 0 415 500.4;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#A5CD39;}
	.st1{fill:#FAA21D;}
	.st2{fill:#4D4D4D;}
	.st3{fill:#0AB8BB;}
	.st4{fill:none;}
	.st5{font-family:'Kaufmann';}
	.st6{font-size:88px;}
</style>
<g>
	<path class="st0" d="M18.8,199.4c0,74.3,43.4,138.5,106.3,168.5L30.7,133.6C23,154.1,18.8,176.2,18.8,199.4z"/>
	<path class="st1" d="M97.4,109.4c0,0-13,1-22.8,1.6L156,321.1l42-107.9L157,111c-8.8-0.5-21.3-1.6-21.3-1.6c-8.8-0.5-7.8-14,1-13.5
		c0,0,31.1,2.1,47.2,2.1c17.1,0,47.7-2.1,47.7-2.1c8.8-0.5,9.9,12.5,1,13.5c0,0-13,1-22.8,1.6l81.5,210.2l34.8-88.7
		c8.3-21.3,12.5-38.9,12.5-52.9c0-20.2-7.3-34.2-13.5-45.1c-8.3-13.5-16.1-24.9-16.1-38.4c0-15,11.4-29.1,27.5-29.1
		c0.1,0,0.1,0,0.2,0C303,33.4,256.6,12.7,205.4,12.7C139.7,12.7,82,46.7,48.7,98c17.2,0,47.6-2.1,47.6-2.1
		C105.1,95.4,106.2,108.4,97.4,109.4z"/>
	<path class="st2" d="M206.3,232.9l-54.5,139.6c-0.8,1.9-1.9,3.4-3.1,4.7c17.9,5.7,36.9,8.8,56.7,8.8c20.7,0,40.7-3.4,59.3-9.7
		c-0.9-1.1-1.7-2.4-2.3-3.8L206.3,232.9z"/>
	<path class="st3" d="M392,199.4c0-29.8-7-58-19.5-83c0.2,3.1,0.4,6.3,0.4,9.6c0,16.6-3.1,35.3-12.5,58.6l-70.5,181.1
		C350.5,334.9,392,272,392,199.4z"/>
</g>
<rect x="50.2" y="400.1" class="st4" width="312.8" height="93.9"/>
<text transform="matrix(1 0 0 1 50.1779 463.2396)" class="st5 st6">Logo Text</text>
</svg>

on that style element you see the colors and the font i used – if Kaufmann is not activated on the wordpress installation every browser has its own fallback for fonts