Forum Replies Created
-
Posts
-
Thank you, Nikko.
Could you please help me with background of subpages (100% of width)? Because now the style of subpages in sidebar bold only (without background).Thank you, Ismael.
The topic ‘Adding audio option on fullscreen background video?’ is closed to new replies.
So I’m writing here.I add this in the functions.php file:
add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script type="text/javascript"> (function($) { $('.av-section-color-overlay-wrap').on('click', '.custom-mute', function() { $(this).toggleClass("icon-sound-on"); }); function a() { $('.av-section-color-overlay-wrap').prepend('<div class="custom-mute"></div>'); $('.av-section-color-overlay-wrap').on('click', '.custom-mute', function() { $('#top .mejs-controls .mejs-volume-button button').trigger('click'); }); } a(); })(jQuery); </script> <?php }And this to custom.css:
.custom-mute { display: block; background-image: url('my site/unmute.png'); background-size: 48px; width: 48px; height: 48px; position: absolute; bottom: 50px; right: 10px; z-index: 1000; } .custom-mute:hover { opacity: 0.5; } .icon-sound-on { background-image: url('my site/mute.png'); } @media only screen and (max-width: 1290px) { .custom-mute { right: 190px; } }But this code doesn’t work((
I can press the button and it changes, but there is no sound in background video((
Look Private Content, please.Thank you for answer, Basilis!
I checked this topic.https://jsfiddle.net/6cc9mhbb/23/?utm_source=website&utm_medium=embed&utm_campaign=6cc9mhbb
Please, could you help me, how can I use this construction for background video in color section?
1.
Code block inside color section with background video:
<button class=”mute-video”>toggle</button>
<script charset=”utf-8″ type=”text/javascript” src=”my site/video.js”></script>2.
custom.css:
.mute-video {
background:url(http://cdn.flaticon.com/png/64/60750.png) no-repeat center;
background-size:32px;
border:0;
width:32px;
height:32px;
text-indent:-999px;
}
.unmute-video {
background:url(http://cdn.flaticon.com/png/64/498.png) no-repeat center;
background-size:32px;
}3.
video.js:
$(“video”).prop(‘unmuted’, true);$(“.mute-video”).click(function () {
if ($(“video”).prop(‘muted’)) {
$(“video”).prop(‘muted’, false);
$(this).addClass(‘unmute-video’);} else {
$(“video”).prop(‘muted’, true);
$(this).removeClass(‘unmute-video’);
}
console.log($(“video”).prop(‘muted’))
});But this construction doesn’t work (like example in jsfiddle.net) for background video in color section.
Dear Nikko.
I have to repeat myself, your code doesn’t work in other posts:https://netpics.org/image/SATU6
https://netpics.org/image/SAtZu
https://netpics.org/image/SAPzb
https://netpics.org/image/SAuCZ
and so on…
https://kriesi.at/support/topic/adding-audio-option-on-fullscreen-backgroundvideo/
This topic is unavailable((
So, any ideas how can I do this like here:
http://www.virginlimitededition.com/en/necker-island
Thank you in advance.Dear Mike.
Unfortunately, this code doesn’t work.
Look at my video question please.
1. I need the hr line to be 100% of block in different resolutions.
2. I need the icon to be right in the CENTER of this hr line in different resolutions.https://netpics.org/image/S49xr
https://netpics.org/image/S4I7dHi, Nikko.
And so on… Still have a bug.
Could you please tell me what code you adjusted? functions.php on server is exactly the same as my local copy of functions.php.Thank you Mike.
But the icon is not in the center of hr:
https://netpics.org/image/GjCkH
https://netpics.org/image/GjeKf
In video question I told about icon to be in the center of hr.https://netpics.org/image/GqhiV
https://bitnewshub.com/2017/12/12/%D0%BF%D0%B0%D0%B2%D0%B5%D0%BB-%D0%B4%D1%83%D1%80%D0%BE%D0%B2-%D0%B7%D0%B0%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D0%BB-%D0%BD%D0%B0-bitcoin-35-%D0%BC%D0%BB%D0%BD/https://netpics.org/image/GqIk9
https://bitnewshub.com/2017/12/01/%D0%BA%D0%B0%D0%BB%D0%B5%D0%BD%D0%B4%D0%B0%D1%80%D1%8C-%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D1%8B%D1%85-blockchain-%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D0%B9-%D0%BD%D0%B0-%D0%B4%D0%B5%D0%BA%D0%B0%D0%B1/The issue was that dash you used was using more than one character that’s why if only a part of it is captured by excerpt it doesn’t show the dash instead shows an unknown character
Dear, Nikko.
There is no some dash in this examples with bug.Dear Nikko.
I don’t understand you, I have a problem with an unread special character in Enfold blog.
I gave examples of bugs.Dear Nikko. Unfortunately, it looks like your code does not work((
https://netpics.org/image/GqhiV
https://netpics.org/image/GqwIi
https://netpics.org/image/Gq9N4
https://netpics.org/image/GqIk9
https://netpics.org/image/GqOK6
https://netpics.org/image/GqVTu
https://netpics.org/image/GqgWbDear Victoria.
I can play with the height)) but in this case it does not help me at all, because in this case we have images with interolation from original small images of Blog posts element ((Thank you, Victoria.
But the images with this css code are bad quality – interpolated((
1. Original:
https://netpics.org/image/GxiwH
2. with this css code:
https://netpics.org/image/GxHUfIn this case, I need the images to be without interpolation.
Thank you, Nikko. I just disabled the plugins Yoast SEO and WP-Optimize. It works! By the way, after this I enable Yoast SEO and WP-Optimize plaugins and now it works too, it is something that is inexplicable…
Dear Victoria.
Please look once more (red arrows):
https://netpics.org/image/GcSQX
It’s not 100% of the block in 1920x and 2560x resolution.Dear Nikko.
Here is another bug like this:Maybe I don’t understand something…?
Still “Could not connect to Mailchimp with this API Key. Please try again with a different key”.
Look at video in Private Content, please.Thank you, Rikard.
But this is not exactly what I need.
I need the images to be the 100% width of block, like the text below:
