Forum Replies Created
-
AuthorPosts
-
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/July 23, 2020 at 7:40 pm in reply to: Is it possible to disable quotation marks in the track name of a playlist? #1232763It’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.
July 23, 2020 at 6:03 pm in reply to: Musical playlists: how to disable automatic quotation marks in the track names #1232720July 23, 2020 at 5:33 pm in reply to: Is it possible to disable quotation marks in the track name of a playlist? #1232704by 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.July 23, 2020 at 5:31 pm in reply to: Is it possible to disable quotation marks in the track name of a playlist? #1232702Go 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
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
This will be difficult because the icons are placed in the pseudo container : “:before”
July 23, 2020 at 2:22 pm in reply to: Is it possible to disable quotation marks in the track name of a playlist? #1232601you 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
July 23, 2020 at 1:32 pm in reply to: Is it possible to disable quotation marks in the track name of a playlist? #1232590can 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-1232704Or – 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 .so you have no comment-count nor author behind that?
.text-sep.text-sep-date { display: none !important; }
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.
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
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.
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.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.
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');
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.
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?
under my nick there are my contact infos.
may i see that page please.
an edited section.php in child-themes folder ?
andGive a custom class to the Full Slider: mute-button
or rename it – f.e. diamond_sponsors, platinum_sponsors, gold_sponsors etc.
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
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.
is a more specific question available? ;)
-
This reply was modified 4 years, 11 months ago by
-
AuthorPosts