Forum Replies Created
-
AuthorPosts
-
July 25, 2020 at 11:15 am in reply to: 4.7.6. – added: alt attribute to fixed size masonry background image container #1233172
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');
and where does your jQuery load : in the footer?
Try to load your script above asadd_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 }give to your button-row element a unique ID
put this to child-theme functions.phpfunction 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/
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%); }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.
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 5 years, 5 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 5 years, 5 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.
-
This reply was modified 5 years, 5 months ago by
-
AuthorPosts

