Forum Replies Created

Viewing 30 posts - 4,891 through 4,920 (of 11,510 total)
  • Author
    Posts
  • 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 4 years, 11 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 4 years, 11 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.

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

    an edited section.php in child-themes folder ?
    and

    Give a custom class to the Full Slider: mute-button

    in reply to: Anchor link on homepage not working #1232048

    or rename it – f.e. diamond_sponsors, platinum_sponsors, gold_sponsors etc.

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

    Well for self-hosted videos this will work:
    https://webers-testseite.de/mute-unmute-video-slide/

    In the code you see that line:
    video[0].setVolume(0.8);

    set for your needs to 0.5

    in reply to: Automatic resizing of header #1231988

    Go to your Dashboard – Enfold ( or Enfold Child if you working with it ) – Header : 2nd Tab “Header behavior”
    uncheck “Shrinking Header”

    On Header Layout you can set up a custom pixel value on header size.

    in reply to: Insert DIV Before Page Content (Single Page) #1231884

    is a more specific question available? ;)

Viewing 30 posts - 4,891 through 4,920 (of 11,510 total)