Forum Replies Created
-
Posts
-
on every browser i got ( safari, chrome, firefox, safari developer version, opera ) it is ok – and you see on the screen film that it works on all browsers except on the microsoft crap ! Sorry – but the whole internet history they have this “special position” under all other browser.
If you like to include a browser specific fix – the html got the class: avia-edgethe height on that will be 27.75vw
but it is not the whole screen distances constant.here ends my support on this topic.
Go and play with good browsers. This has a reason: https://de.statista.com/statistik/daten/studie/157944/umfrage/marktanteile-der-browser-bei-der-internetnutzung-weltweit-seit-2009/
if you take the secure way of uploading new enfold via ftp by renaming the old enfold folder to f.e. enfold-old ( to have a rollback if necessary) it is indeed this way that on dashboard – appearance – themes there are two “enfold” listed.
Enfold-Child only takes the parent info from “enfold” folder. So to delete the enfold-old folder it is better to do this by ftp too – because you don’t see the folder names on themes list.… to show on the image, beneath the image, or just somewhere, when an image is showed as lightbox/modal.
?
did you delete all caching infos (browser too)
see the video on the bottom of my testpage: https://webers-testseite.de/mimic/that is the behavior when the mediaquerie rule is added and i look to the different screensizes
and by the way : could you please add the ecver=2 attribut for yourtube videos.
it is responsible for getting rid of advertising on pause videos.you can see it on a test page here from another participant: https://www.cnmdev1.com/team/
look what happens on pausing the vidoe on the top lefton wider screens it is ok now isn’t it ?
you erased the rule for smaler screens when hamburger menu starts to work:@media only screen and (max-width: 768px){ .page-id-948 #av-layout-grid-1 { height: inherit !important; display: inline-block !important; } }change the code to
maybe it is necessary to set it to important.page-id-948 #av-layout-grid-1 { height: 28.12vw !important; display: inline-flex !important; vertical-align: top; }after break you can add:
@media only screen and (max-width: 768px) { .avia-video, .avia-iframe-wrap { margin-bottom: 0 !important; } }
to have no gap between these fields
well you can answer the question yourself. ( on stretched layout – otherwise we could work with % values)
Your video has an aspect ratio of 16:9 and your grid cell has a width of 50% of videoscreenwidth called : 50vw ?
what if the height of grid-row is 28.13vw ( 50×9/16)see here: https://webers-testseite.de/mimic/
the fatal thing is the setting of grid-row to display as table-cell !
so in my case it is for that page:
.page-id-32038 #av-layout-grid-1 { height: 28.13vw !important; display: inline-flex !important }the only thing now to decide is when should this break back to table-cell – that depends on the amount of content in your right cell !
f.e:
@media only screen and (max-width: 768px){ .page-id-32038 #av-layout-grid-1 { height: inherit !important; display: inline-block !important; } }the api key: if you have generated it with that little asterix it should work even vor installations in subfolders:
you see the asterix in front and behind will make it work for subdomains and all pages behind a domain
to 1) you must have set the rule yourself – you set the floating behavior to none !important – please try:
(find the code and erase it )you set:
.responsive .logo { width: 300px; height: 100px; margin: auto !important; float: left !important; }get rid of margin auto and change it to:
.responsive .logo { float: left !important; }oh no – i answered to a topic with uppercase heading . https://kriesi.at/support/topic/please-stop-writing-capitalized-it-is-no-good-netiquette/
what do you mean by footer
#footer or
footer #socket
if #footer where exactlyyou like to have it in a footer widget – maybe the shortcode method is something you can do: Link
do you want to have it always or only if you have choosen breadcrumb on page/post editior?
do you want to have it even if you have a transparent header ?Well Rob – look now to the site ;)
that a chrome does not start the autoplay is due to their new policy : https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
https://webers-testseite.de/youtube-shortcode-for-enfold/and please have a look what happens if you directly start a video in content withour stopping the video on top ! ;)
and you have installed the plugin ? Plugin-link
https://webers-testseite.de/table/
PS there must be a space sometimes – you see in my table that with the p-tag – if there is no space between ###lt### and p and dito with gt it will not recognize the special character
The settings and css and is place in the /wp-content/uploads/dynamic_avia folder so not in the enfold folder. !
if you have things changed in functions.php of parent folder – this will be lost.
Thats why a lot of people use child-themes.
But you don’t need to erase it – just rename it to enfold-old. Upload the new one as enfold and see what happens.by the way – wasn’t the caption text in former versions hided under the non overlayed part of the image ?
The lightbox shows the title tag of the image or what else is source of the lightbox link
the function looks for a child that has that specific class and takes the pure text of it and set it as title.
you can style it via : div .mfp-title
try this in functions.php of your child-theme:function accordion_title_fix(){ ?> <script> (function($){ $(window).load(function() { $('a.aviaccordion-slide-link.lightbox-added').each(function(){ var lin = $(this).find('.aviaccordion-title').text(); $(this).attr('title',lin); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'accordion_title_fix');see here: https://webers-testseite.de/accordion/
that : “Is the top full-width blurred photo a video? It does not play on Chrome…?” was a joke – isn’t it.
No it was no video – just a casual introduction to a dry topicmaybe this could be a nice topic for you: https://kriesi.at/support/topic/playing-only-one-youtube-video-at-a-time/
Some notes about using videos on websites:
I can understand that you do not want to upload any video that you run as a background in a loop to foreign hoster, but company profile movies or longer movies have nothing to do as self-hosted videos. It is not good for the performance if longer movies are hosted by your own server. There are a number of settings to supress advertisements and cookies from eg Youtube. i do create a shortcode for youtube videos that implemented all settings to avoid loading relatives etc. pp.
see here: https://kriesi.at/support/topic/youtube-shortcode/
I’m of the opinion that it should work, of course – for small blurry films of a meeting as background for the content (some kb big) – yes.you only had to be familar with clip-path and polygones:
i updated at this testpage just to see if it works on Enfold 4.3.1: https://webers-testseite.de/elegant/
you see that the png isn’t realy good masked but for demo that is enough.On clip-path there you dont’t need that extra container to mimic the slant-
but sadly there was some troubles with mobile devices and fixed positioning tooyou can avoid interpreting phone numbers by your browser if you set the link as it should be:
some browsers do it right some are not williing to do it – many browsers to interprete a IBAN as Phone number etc.<a href="tel:+492289768293">every thing you like +43 0006458172 154254</a>have you a link for us?
seems to be a similiar problem to : https://kriesi.at/support/topic/background-video-on-layerslider-youtube-no-longer-plays/ ;)
it is just because of your logo isn’t finished at left border – it is a png with even on left hand a lot of space.
Things could be easier to have a logo with its outer dimensions end at the bordercan you please insert this to your quick css and have look if your troubles are gone:
.special_amp { font-family: initial !important; font-size: inherit !important; color: inherit !important }i’m now on my first test-page : https://webers-testseite.de at Enfold 4.3.1
and only the sliders got into conflict with the old versions – seems to fit for icon-list, icon-box
