The other scripts on board do not realy work to close on click. This one does.
How to have it only for click event? i do not need the close on scroll.

Sorry ist natürlich Icon Grid nicht Grid-Row – habe ich auch benutzt für den Test wie du siehst.

hey Rikard – i thought he likes to have the one on the left – the next to the center and the last do the right – then

give a custom class to the text-block element like : images-in-line
do this to quick css:

.images-in-line img:nth-child(2) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.images-in-line img:nth-child(3) {
    position: relative;
    float: right;
}

well here is a quick and dirty function for child-theme functions.php:
( after each case-line a break !)

function my_text_strings( $translated_text, $text, $domain ){
switch ( $translated_text ){
        case 'Icon':  $translated_text = __( 'Symbol', $domain ) ; break;
	case 'Icon Grid':  $translated_text = __( 'Symbol Raster', $domain ) ; break;
	case 'Icon Box':  $translated_text = __( 'Symbol Kasten', $domain ) ; break;
  }
  return $translated_text;
}
add_filter('gettext', 'my_text_strings', 20, 3);

btw: But my advice would be not to translate technical terms. That does not really help anyone.
If you get help here on board, and they talk about Icon Grid here, and you search for these terms in the elements, it gets complicated again. You’re also looking for css code, so you’re automatically back to the English terms. Color-Sections, Flex-Columns etc. pp horrable to read any translation for Masonry or Button ;)

@Günter : I’m already aware of this, but should we now handle two versions of a temp fix? Would a file that has the fix in it for both purposes be better?

hey Günter the one you posted here in this thread : https://kriesi.at/support/topic/again-one-problem-with-merged-css/
has worked perfectly – but the new on github does not work in that way – again the merged urls are wrong

this one you posted me on that topic before works:
https://pastebin.com/q8eXS3aR

Thanks – I’m still a learner.

here i know that all variables had to be mentioned:

extract( shortcode_atts( array(
                                            'position'              => 'left',
                                            'color'                 => '',
                                            'custom_bg'             => '',
                                            'custom_border'         => '',
                                            'custom_font'           => '',
                                            'font_color'            => "",
                                            'custom_title'          => '',
                                            'custom_title_tag'      => '',
                                            'custom_content'        => '',
                                            'custom_title_size'     => '',
                                            'custom_content_size'   => '',
                                            'iconlist_styling'      => '',
                                            'animation'             => ''

but for me this just looked more liquid than liquid – so to speak superfluous

$this->iconlist_styling = '';				
$this->iconlist_styling = $iconlist_styling == 'av-iconlist-small' ? "av-iconlist-small" : "av-iconlist-big";

can be closed from my point of view.

you can see here that it is working with the code – for more help please let me see your site to give better advice:
1) did you enter the code from: https://kriesi.at/support/topic/social-icons-in-footer-8/#post-1084502 with two links?
2) you can take a text-widget – but insert code to text (not visual) input field

https://webers-testseite.de/#footer
it is the right heading on top (blue background-color)

if like to center these icons on general – you first had to know the id of that widget ( on my test page it is #text-3)
code will be in that case:

#footer #text-3 .avia_textblock {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

to style and see all icons they must float left:
on default a ul listpoints are underneath

#footer .social_bookmarks li {
    height: 100%;
    float: left;
    padding: 0;
    border-right-style: solid;
    border-right-width: 1px;
    display: block;
    width: 30px;
}

try this in quick css:

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, 
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, 
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, 
.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #fff;
}

and if you like to see the “bullets” a bit more intense play with the opacity:

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
    opacity: 1;
}

you can embed it via:

function font_awesome_5( ){
?>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<?php
}
add_action('wp_head', 'font_awesome_5');

and you can use it like this:

.custom-class h1:before {
content: "\f185";
font-family: "Font Awesome 5 Free";
font-weight: 700;
color: #db0f0f;
display: inline-block;
padding-right: 5px;
}

do you close all tags you set?
you open li tags without closing – same with ul tag

and PS: please use on board here the code tag – because all quotes and double quotes are converted – a copy paste is not correct then.

<ul class="noLightbox social_bookmarks icon_count_2">
	<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1">
		<span class="avia_hidden_link_text">Facebook</span>
	</li>
	<li class="social_bookmarks_instagram av-social-link-instagram social_icon_2">
		<span class="avia_hidden_link_text">Instagram</span>
	</li>
</ul>

But – In this simple way it will not work either – even if the closing tags are there – the a tags are missing

a usefull code looks like this on html:

<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1">
	<a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook" target="_blank" rel="nofollow noreferrer">
		<span class="avia_hidden_link_text">Facebook</span>
	</a>
</li>

and you will have an icon-count on ul tag:
<ul class="noLightbox social_bookmarks icon_count_9">

on horizontal galery there is not filter to apply:

what i see is that gallery.php got that filter: avf_avia_builder_gallery_image_link
gallery_horizontal.php not.

so – maybe next update a dev member could implement such a filter ;)

can you try this in child-theme functions.php first to activate the post-nav vor tribe-events:
I do use a different event plugin so you have to know the taxonomie for that. Maybe your tribe_events_cat is correct:

add_filter( 'avia_post_nav_settings', 'avia_post_nav_settings_mod', 10, 1); 
function avia_post_nav_settings_mod($settings) {
    if(is_singular('tribe_events')) {
      $settings['taxonomy'] = 'tribe_events_cat';
      $settings['same_category'] = true;
  }
    return $settings;
}

the one curly bracket was too early closed – i guess

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

have a look if this will do the job:

.page-id-17 #av_section_5 .container .content {
    z-index: 0;
}

Again btw:
there is a little trick to have an outline with text-shadow:

.robshadow h1, .robshadow h2 {
    text-shadow: -1px -1px 0 #000 , 1px -1px 0 #000 , -1px 1px 0 #000 , 1px 1px 0 #000 !important;
}

PS: you can combine text-shadow and filter f.e.:

.robshadow h1 {
    text-shadow: -1px -1px 0 #000 , 1px -1px 0 #000 , -1px 1px 0 #000 , 1px 1px 0 #000 !important;
    -webkit-filter: drop-shadow(1px 1px 2px #999);
    filter: drop-shadow(1px 1px 2px #999);
}

and maybe it looks nicer to have your html background on fixed position ;)