Forum Replies Created
-
AuthorPosts
-
so i got this code for now:
(just for that test page-id: 33150)function youtube_fix(){ if (is_page(33150)){ ?> <script> (function($){ $('a.avia_image[href*="www.youtube"]').each(function() { regex = /(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/; var ID = $(this).attr("href").match(regex)[1]; $(this).find('img').attr("src", 'https://img.youtube.com/vi/'+ ID +'/maxresdefault.jpg'); }); $('body').on('DOMNodeInserted', function(){ $('iframe.mfp-iframe[src*="youtube.com"]').each(function() { var _src = $(this).attr("src") $(this).attr("src", _src + '&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3') }); }) })(jQuery); </script> <?php } } add_action('wp_footer', 'youtube_fix');
but if there was no maxresdefault.jpg it should show the originally used image – how can i insert here an if else ??
see now test-page – the one on the left got a maxres Thumbnail – the right one not –
the 0.jpg always exists – but has black bars top/bottom
https://webers-testseite.de/youtube-videotestseite/well – maybe you followed the fix of ismaels link – i can see the fallbackimage now.
and by the way you did not mention that it is a cdn video. Sometimes this will be a source of troubles too.The extended layer slider is embedded in the Enfold theme.
It is therefore included for you, so to speak, in the price. If you want to get a newer layer slider before the next Enfold update, you only need to invest the 19 Euro and buy the plugin as a standalone plugin. I don’t mind receiving the update a little bit later.
What would be nice if the update display no longer showed the small red dot. You always feel compelled to do something.without a link i’m out here.
It could be all (including line-height) SorryAnd i think there will be no good way with a shrinking header
last speculation:
.bildlink.menu-item { overflow: visible !important; } .bildlink a { line-height: 10px !important; overflow: visible !important; text-align: center !important; } .bildlink.menu-item img { display: block; width: auto !important; height: 50%; position: relative; margin: 0 auto; } .bildlink .avia-menu-text { line-height: 20px; vertical-align: top; }
next wow effect: https://webers-testseite.de/cynthia/logomove-2/
I just coupled the y-position and the margin ( from negative values to 0 ) with the shrink effect on avia-snippet-sticky-header.js
If you made a mistake in editing the functions.php of your child theme, or even the parent theme. And if you shot your page, just access your page via ftp and undo the changes there, or restore a clean file.
do you mean something like this – move over the image beyound the banner:
https://art-varij.de/
you don’t need a code block for it – just take a image alb element ( but do not choose the scale effect on it)
i gave to the image alb element a custom-class: seenthis is the css for it:
.seen .avia-image-container-inner { background: rgba(0, 0, 0, 0) url("/wp-content/uploads/second-image.jpg") no-repeat scroll 0 0 / cover ; } .seen .avia-image-container-inner img { opacity: 1; -webkit-transition: opacity 2s linear; transition: opacity 2s linear; } .seen:hover .avia-image-container-inner img { opacity: 0; -webkit-transition: opacity 2s linear; transition: opacity 2s linear; }
this goes to the initiator of the thread:
you have lost the custom class to the menu-item !!! logoimg. – Not the title to img !i do not see the link in private content. – i’m a participant as you are. Only Mods could see that content.
So if you can not make your link public – then you have to wait til mods are here.Text in two lines – you can try in navigation label to set a line-break between your text parts (
<br> or <br/>
)<img src="https://your.site/image.jpg">Für<br/>Unternehmen
August 29, 2018 at 4:24 pm in reply to: Move content to top for each tab when using Tab Section #1003211hi Camilla – you can always contact me via my avatar there is my website – so you got my contact.
the other thread is closed to new answers – so here is my answer now.August 29, 2018 at 3:52 pm in reply to: How to make phone number tel link in team member block #1003197Well if there is a hidden private area – i do not see it because i’m participant as you are
Edit: i changed the parallax script so – it might be ok now
see slide 4 for your example
-
This reply was modified 7 years, 1 month ago by
Guenni007.
Well the link to my solution is here – this was not so easy – but you have to adjust it to the need of your slider .
https://webers-testseite.de/parallax-on-fullwidth-slider/but if you only got one image on top – why don’t you take the color-section on 100% height. And declare the background-image to a parallax one.?
that is very easy – enfold default settingsyou even can do a hover on those images like:
.bildlink.menu-item a:hover img { transform: scale(0.95) translateY(-3px); -webkit-filter: hue-rotate(180deg) saturate(400%); filter: hue-rotate(180deg) saturate(400%); }
First – you don’t need the custom link – if these Menupoints are real links.
just open the menu-item at that littel arrow on the right. And on Navigation Label you can insert Ricards Code.If you got a link to your page – it is much easier to give any advice.
i gave to those menu-items a custom-class : bildlink
(if you have all menu links like this – get rid of that bildlink in the code)
(if not : you know how to give a custom class to menu-items?)then to quick css:
.bildlink .avia-menu-text { line-height: 20px; vertical-align: top; } .bildlink.menu-item img { display: block; width: auto !important; height: 50%; position: relative; }
we had to find then a solution for the hamburger menu too – but with link it will be easier
can you post a link on public – then i will have a look!
can you please post the link on public. the link above does not work.
is it that page her: http://marckdesign.net/portfolio/#js_sort_items * { font-size: 20px !important; }
the asterisk means that every following element got that css
August 28, 2018 at 7:58 pm in reply to: Bug: "Add Elements to ALB" snippet from docu causes error in slider element #1002813yes – your are absolutely right – but it has to work – and on parent update these files are not lost.
you did not answer to my questions:
are you working with a child-theme: No – i think
1) so the changings you made are overwritten by the parent theme ( thats why a child is so usefull)
so please upload my avia-snippet-sticky-header.js again to your parent-theme – replacing the original.2) the customclass on the menu-item with the logoimage is gone.
.av-masonry-sort * { font-size: 20px; }
portfolio – no cat.
if you only want the “terms” bigger:
.av-sort-by-term * { font-size: 20px; }
PS: your link above is gone – so i can not test it at your environment !
August 28, 2018 at 12:53 pm in reply to: How to make phone number tel link in team member block #1002656you can do it as “Add/Edit Social Service or Icon Links” and choose f.e. a telephone icon – and as “icon-link” – put in:
tel:+492289768293
or you do it in the “Team Member Description” and the input will be something like:
Phone: <a href="tel:+492289768293">0228 9768293</a>
see here: https://webers-testseite.de/same-height/
the f.e. av_uid=’av-zi631r’. comes from Enfold itself – it will be added although you have not set it.
and take the image: with: maxresdefault.jpg. (that is without black bars !
[av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-top' av_uid='av-zi631r'] [av_image src='https://img.youtube.com/vi/W9On5fAdu8I/maxresdefault.jpg' align='center' link='manually,https://www.youtube.com/watch?v=W9On5fAdu8I'][/av_image] [/av_one_third]
but the addendums are for me important – because i do not want to have on pausing the video:
see link – right image (last 1/3) and pause it.
go to the end of the video and see.-
This reply was modified 7 years, 1 month ago by
Guenni007.
and something new i have learned:
if you take the image:https://img.youtube.com/vi/W9On5fAdu8I/maxresdefault.jpg
there will be no black bars !well if you got that image ( and you can not insert the image directly to enfold as link) take always the 0 one of preview images – it is the biggest one – and always the https variant.
https://img.youtube.com/vi/W9On5fAdu8I/0.jpg
so to see above the shortcodes – i suppose that you know how to insert the link to this preview image.
First enter one of your media images – then replace the link in debug mode.
as manual link of the image i would insert a better input here ( this only works here because with manual link. a pitty that we can not insert it in video alb or color-section background-video)
always add to your watch youtube video link following:?autoplay=1&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3
the ecver=2 is for not showing on pausing the video – other video suggestions
playsinline is for showing on modern mobiles the video as if it was a desktop embed. Iframes etc
rel=0 ist for not showing at the end some other video suggestions etc. ppmy code would be than (only 1/3):
[av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-nas6lr' custom_class=''] [av_image src='https://img.youtube.com/vi/W9On5fAdu8I/0.jpg' attachment='' attachment_size='full' align='center' styling='' hover='' link='manually,https://www.youtube.com/watch?v=W9On5fAdu8I?autoplay=1&cc_load_policy=1&enablejsapi=1&ecver=2&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jldgiixt' custom_class='' admin_preview_bg=''][/av_image] [/av_one_third]
look here: https://webers-testseite.de/testvideopage/
Sorry i did not see that you are still working with Enfold 4.2.6. the avia-snippet-sticky-header.js. is part of Enfold 4.4 and higher.
Since the alb elements and a lot of js files are separated files. ( Due to optimization and only loading things you realy need for your setting)Former times the shrink was done in avia.js . and so the old function: avia_header_size(). is still active .
so maybe an update could help.
did you read carefully and give to that menupoint with the image a custom class: logoimg ?
not a title !
you know how to give a custom class to the menu point? If not tell me to show you how.Edit – sorry i see you got it too – i see on your source code.
________
but i see that you are not working with child theme?
August 28, 2018 at 10:06 am in reply to: Make active menu item bold, not all sub-menu items #1002614yes – if you like to have the parent bold too – than this will be easier.
the code only highlites the active menu point ( not the parent of an active menu item) -
This reply was modified 7 years, 1 month ago by
-
AuthorPosts