Forum Replies Created

Viewing 30 posts - 5,251 through 5,280 (of 11,875 total)
  • Author
    Posts
  • Hallo Günter – danke für deine Antwort und Mühe – ich muss mich jetzt da einarbeiten, was sich verändert hat.
    (Edit: also jetzt ist das alt attribut auch an dem anchor ( da wo lightbox-added klasse sitzt) )

    Was ich allerdings meinte war,
    Du hast ja jetzt den Wunsch realisiert bei fixed size Masonry das alt-Attribut an das div gemacht welches das Bild als Hintergrundbild hat ( div.av-masonry-image-container). Was sicherlich ungewöhnlich ist, aber viele wollten das ja so ( beim flexiblen Masonry haben wir ja Bilder und das sind die alt-Attribute gesetzt):

    beim Öffnen dann der lightbox wird das aber nicht an das Bild mfp-img übergeben. Dort wäre es aber auch sinnvoll oder?

    das müsste meiner Meinung nach in dem Script: jquery.magnific-popup.js stattfinden – die stelle wo das mfp-img sein alt erhält, ist ab 1304. Da wird aber nur das img für das alt herangezogen.
    img.alt = item.el.find('img').attr('alt');

    in reply to: MagnificPopUp is not a function #1233158

    and where does your jQuery load : in the footer?
    Try to load your script above as

    add_action('wp_footer', 'enfold_customization_add_magnific_handler');

    and what should the popup script do?
    maybe a midclick : true can do the trick:

    add_action( 'wp_footer', 'enfold_customization_add_magnific_handler' );
    function enfold_customization_add_magnific_handler() {
      ?>
      <script type = "text/javascript">
      jQuery(document).ready(function() {
        jQuery('a[rel="magnific"]').magnificPopup({
          type: 'inline',
          midClick: true,
          preloader: false,
        });
      });
      </script>
    <?php
    }
    in reply to: Individual ID for buttons in button row #1232985

    give to your button-row element a unique ID
    put this to child-theme functions.php

    function id_to_button_row_buttons(){
    ?>
    <script>
    (function($) {
    	var ButtonRowID = $('.avia-buttonrow-wrap').attr('id');
    	$('#'+ButtonRowID+' .avia-button').each(function(i) {
    	    $(this).attr('id', ButtonRowID+'-button'+(i+1));
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action( 'wp_footer', 'id_to_button_row_buttons');

    it will make the ID’s to your buttons as #ID-button1, #ID-button2, #ID-button3 etc the ID is the id you put on the button-row

    see here: https://webers-testseite.de/buttonrow/

    in reply to: Hexagon Shape in Iconbox #1232922

    but maybe a different method could be a good alternative.
    Browser support is well ( only IE11 and Opera Mini did not support clip-path )

    this – ( and some posititioning css ) – will work too

    .iconbox_icon.heading-color {
    -webkit-clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
            clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
    } 

    ______
    mathematically you have to describe a hexagon into the square, and then calculate the coordinate points.

    you can see here some calculations – ( buf first – that hexagone is different – and second not well calculated ;) )
    https://bennettfeely.com/clippy/

    this is for hexagone different orientation:

    .iconbox_icon.heading-color {
    -webkit-clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
            clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
    }
    in reply to: Translate text in Google Captcha #1232884

    First, you can change the language of the website as you like – in this case English – and that makes sense because it is in English in the frontend.
    Second: If you want a different dashboard language, go to your user account and switch to Dutch – from this moment on, all dashboard translations are in Dutch when you are logged in ( other users may prefer different language setting ).

    _______

    besides that and i believe the above is the easiest way to solve the problem – i think the filter : avf_google_recaptcha_badge_content may help here:

    add_filter('avf_google_recaptcha_badge_content','avf_google_recaptcha_badge_content_mod');
    function avf_google_recaptcha_badge_content_mod($badge){
    	$badge =	'<div class="av-google-badge-message hidden">';
    	$badge .=	__( 'This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" taget="_blank">Terms of Service</a> apply.', 'avia_framework' );
    	$badge .=	'</div>';
    return $badge;
    }

    you can change then the Text and f.e. the links to the language specific privacy page of google – or the link target options – or you like to link to your privacy page with the content of google recaptcha info f.e: to https://your-domain/privacy/#google-recaptcha-info

    • This reply was modified 5 years, 5 months ago by Guenni007.
    in reply to: Play video in fullscreen #1232801

    you can use the layerslider on that.
    Slider should be responsive – and the video is in a layer not as background
    there is a mute / unmute button and on hovering the video the controls are shown with a fullwidth button on the right.
    https://webers-testseite.de/pureinstall/fullscreen-slider/

    https://kriesi.at/support/topic/is-it-possible-to-disable-quotation-marks-in-the-track-name-of-a-playlist/

    It’s not dramatically bad, but sometimes it takes a lot of effort to answer, and then you have to see that the question may already have been answered sufficiently.

    by the way : it is not a good netiquette to ask similar questions in more then one topic. ;)
    also makes it harder for you to keep on track.

    And i see that boardsoft changes my code automatically to the wrong signs:
    Sorry on that – you had to type in those little snippets:

    Or – you can copy&paste it from here: pastebin

    just for info: it is in WordPress: media.php : lines 2091ff
    and on : line 2105:
    printf( _x( …
    and because that string is used hundred of times the context is important on that translation.

    Go to your dashboard – appearance – theme editor : on the right side there is a list of existing child-theme files:
    On default there are only : style.css and functions.php
    That is the file we need : click on the functions.php
    On default there is only :

    <?php
    
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */

    Under this you can insert ( copy&paste) my code above. Save it.

    But Sometimes the php files are secured by some security plugins or via wp-config.php etc. pp – then you can not edit this way or more : you do not see the theme editor.

    If there is activated Merging ( Enfold-Child – Performance – css and js merging.) or you use caching plugins. you had to refresh all these things first ( even the browser cache shows an own version of the frontend.

    that is the reason why i always deactivate those settings or plugins till you go on public with your page. First the layout and styling – afterwards we can optimize performance things

    in reply to: Hexagon Shape in Iconbox #1232652

    Result Page: https://webers-testseite.de/pureinstall/hexagones/

    I gave to the icon-box itself a custom-class: hexagone-icons

    The trick is to place a div ( div.icon-container) between the before and after container – and to tranfer from the icon-box to that new container a lot of enfold settings. You can now set different colors on the icon-box as before – the will be transfered to the hexagone borders. Even a different icon-set is possible.

    this comes to child-theme functions.php :

    function add_icon_box_container(){
    ?>
    <script type="text/javascript">
    (function($) {
    	$('.iconbox.iconbox_top.hexagone-icons .iconbox_icon').each(function(){
    		var DataIcon 		= $(this).data('av_icon'),
    			DataFont		= $(this).data('av_iconfont'),
    			IconColor		= $(this).css('color'),
    			IconBgColor 	= $(this).css('background-color'),
    			IconBorder 		= $(this).css('border');
    		$(this).append('<div class="icon-container"></div>'); 
    		$(this).css('color', IconBgColor);
    		$(this).find('.icon-container').attr({
    			'data-av_icon': DataIcon,
    			'data-av_iconfont': DataFont,
    		}).css({
    			'background-color': IconBgColor,
    			'color': IconColor,
    		});
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_icon_box_container');

    this to quick css

    .hexagone-icons .iconbox_icon{
      width: 100px;
      height: 57.735px;
      background: currentColor;
      position: absolute;
      left: 45% !important;
      border: 1px solid currentColor
    }
    .hexagone-icons .iconbox_icon::before {
      content: "";
      position: absolute;
      top: -28.8675px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 28.8675px solid currentColor;
    }
    .hexagone-icons .iconbox_icon::after {
      content: "";
      position: absolute;
      bottom: -28.8675px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-top: 28.8675px solid currentColor;
    }
    
    .hexagone-icons .iconbox_icon {border-radius: 0px !important; height: 30px !important; width: 68px !important;}
      
    .hexagone-icons .iconbox_content_title {margin-top: 50px !important;}    
    
    .hexagone-icons .icon-container {
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .hexagone-icons .icon-container:before {
        color: currentColor;
        content: attr(data-av_icon);
        font-size: 40px;
    }

    You had to adopt the dimensions of some things! Are there formulars on

    in reply to: Hexagon Shape in Iconbox #1232604

    This will be difficult because the icons are placed in the pseudo container : “:before”

    you can place it in functions.php of your parent theme – but then it will be lost on updating:
    see here the place where it is best placed:

    https://kriesi.at/support/topic/edit-the-logo-link/#post-1231456

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

    `add_filter(‘gettext_with_context’, function($translated, $text, $context, $domain){
    if($context = ‘playlist item title’ && $text == ‘“%s”’) $translated = “%s”;
    return $translated;
    }, 10, 4);`

    that was transfered to bad signs – please copy&paste from here:
    https://kriesi.at/support/topic/is-it-possible-to-disable-quotation-marks-in-the-track-name-of-a-playlist/#post-1232704

    in reply to: Quote marks appearing below Full Width Easy Slider #1232588
    in reply to: 4.7.6 adds a " after easy slider #1232574
    in reply to: Silders Controls out of alignement after update #1232573
    in reply to: 4.7.6 Update Adding Quotations Under Slider #1232550

    must be in av-helper-slideshow.php.

    just one moment …

    Edit: it is on line 724:

    
    $html .= '</' . $tags[1]. ' ">"';

    replace with:

    
    $html .= '</'. $tags[1].'>';

    Pastbin complete 4.7.6 av-helper-slideshow.php
    See: Link
    Download:DL-Link

    in reply to: Change Logo Size without shrinking header #1232496

    Or – you use an own child-theme shrinking script : avia-snippet-sticky-header.js
    put the copy to your child-theme/js folder ( on default there will be no one – then create that subfolder in your child-theme folder )

    Edit that child-theme copy by commenting out that following line ( on actual 4.7.5 enfold it is line 91) so that there is:

    
    //elements.css({'height': newH + 'px', 'lineHeight': newH + 'px'});

    load the child-theme script by deregister the parent-theme file and load the new one:
    (this to functions.php of your child-theme:)

    add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
    function wp_change_sticky_header_script() {
       wp_deregister_script( 'avia-sticky-header' );
       wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
    }

    and use the shrinking header option then on Enfold Options. – Now only the logo will shrink on scroll –
    Everything is like on a shrinking header – except the header height will not be changed .

    in reply to: Date with \ behind it #1232268

    so you have no comment-count nor author behind that?

    .text-sep.text-sep-date {
        display: none !important;
    }
    in reply to: Video controls don't show up on full width slider #1232200

    i guess a mod should look into your installation – because even the default container width is not there ( 1310px ) it falls back to the 1010px value ( of grid.css).
    there must be other inconsistencies.

    I’m at my last words of knowledge now. Actually, the code is correct as on my site, for some reason even the simple prepend is not executed.

    ________
    besides that:
    Edit: on quick css there is a curly bracket missing :

    .custom-phone {
        position: absolute;
        top: -33px;
        right: 0;
    }
    • This reply was modified 5 years, 5 months ago by Guenni007.
    in reply to: Video controls don't show up on full width slider #1232199

    on that add_action line can you please do this :

    add_action('wp_footer', 'unmute_mute_background_video', 999);

    so that there is:

    function unmute_mute_background_video_in_slider(){  
    ?>
    <script type="text/javascript">
    (function($) { 
        $('.mute-button .avia_video').closest('.avia-slide-wrap').prepend('<div class="custom-mute"></div>');
        $('.mute-button .avia_video').on('av-mediajs-loaded', function() {   
          var video = $(this).mediaelementplayer();
          video[0].setMuted(true);
          $('.avia-slide-wrap').on('click', '.custom-mute', function() {
            if(video[0].muted === true) {
              video[0].setMuted(false);
              video[0].setVolume(0.5);
            } else {
              video[0].setMuted(true);
            }   
          });
        });
        
        $('.avia-slide-wrap').on('click', '.custom-mute', function() {
          $(this).toggleClass("icon-sound-on");
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'unmute_mute_background_video_in_slider', 999);

    now without function ready

    in reply to: Video controls don't show up on full width slider #1232197

    next question – did you set to load jQuery in the footer ?
    Please goto Enfold-Child – Performance Settings and uncheck that to verify that. After that you can try to place the function later on setting parameters to it.
    i have on your page the following error : because the script ( it is a jQuery script) does not find the reference.

    in reply to: Video controls don't show up on full width slider #1232194

    i answered you per mail – i do not know why.
    it seems that everything is done on your site. But the div.custom-mute isn’t inserted.
    You can see on the test-page link i send you via e-mail that even with your video ( but downsized to 26MB) it works.
    ( it works on my side here even without document ready or window load function. )
    And even if i got two videos on the slider – i do not need to have the custom-mute div generated on an each function. – it works the way above – all video slides will have that buttons.

    in reply to: Video controls don't show up on full width slider #1232134

    But even if we can manage that ( you can try window load too ) – i think we had to find a solution with vimeo! (Guess the over 50mb video is to much to handle it as self-hosted video.

    there is a possibility to do it with advanced layerslider – and that reacts much better in responsive case. Tomorrow i send you a link and instructions.

    in reply to: Video controls don't show up on full width slider #1232118

    Even the div.custom-mute isn’t inserted – so please try with document ready function:
    ( i can create the div via developer tools console – so the selectors are correct )

    function unmute_mute_background_video(){
    ?>
    <script type="text/javascript">
    (function($) { 
    $(document).ready(function(){  
        $('.mute-button .avia_video').closest('.avia-slide-wrap').prepend('<div class="custom-mute"></div>');
        $('.mute-button .avia_video').on('av-mediajs-loaded', function() {   
          var video = $(this).mediaelementplayer();
          video[0].setMuted(true);
          $('.avia-slide-wrap').on('click', '.custom-mute', function() {
            if(video[0].muted === true) {
              video[0].setMuted(false);
              video[0].setVolume(0.5);
            } else {
              video[0].setMuted(true);
            }   
          });
        });
        
        $('.avia-slide-wrap').on('click', '.custom-mute', function() {
          $(this).toggleClass("icon-sound-on");
        });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'unmute_mute_background_video');
    in reply to: Exclude Post from Post Slider? #1232100

    no – what i like to say is that this is a common question – a standard question on postslider : so if you got a post-slider in a single post – to show other posts – or related post – but you do not want to have the same post in the slider – add this to your child-theme functions.php:

    function ava_exclude_current_post($query) {
      if (is_singular('post')) {
        $exclude = avia_get_the_ID();
        $query->set( 'post__not_in', array($exclude) );
      }
    }
    add_action('pre_get_posts', 'ava_exclude_current_post');
    • This reply was modified 5 years, 5 months ago by Guenni007.
    in reply to: Exclude Post from Post Slider? #1232095

    Among the faq’s is on default : how to exclude the current post from post slider when you show a post slider on a single post. But this is not the thing you like to know?

    in reply to: Video controls don't show up on full width slider #1232093

    under my nick there are my contact infos.

    in reply to: Video controls don't show up on full width slider #1232066

    may i see that page please.

Viewing 30 posts - 5,251 through 5,280 (of 11,875 total)