Forum Replies Created
-
AuthorPosts
-
HELLO MIKE : please change your image-hoster – it is horrible
popups and other nefarious sites as they all open up – not always – but more and more often. Also the Kriesi page will be closed etc. pp.
Please!________
On Ismaels code i see there was a little inconsitency: if there is a color-section with background-image on top – like here f.e:
https://kriesi.at/themes/enfold-2017/blog/blog-single-author-small/ his code will end in a colorized top color-section too:
So we can use an attribute selector – only if there was no background-image on container.wrap the code will do the job:@media only screen and (min-width: 768px) { .container_wrap.sidebar_right:not([style*="background-image"]):before { content: ''; display: block; position: absolute; right: 0; top: 0; background: #ddd; height: 100%; width: calc(30%); } }
if you got sidebar left the change it to: .container_wrap.sidebar_left.
Or you do it with flex-box modell – and only css –
you can see it here with content and sticky sidebar: https://webers-testseite.de/sticky-sidebar/
and the code you need to set in your quick css.
and here is a page with colums: https://webers-testseite.de/sticky-elements/
The thing to have in mind is that the direct partent container gets display: flex – and the sticky child is set to position: sticky
Important on that to know for Enfold: overflow settings as described in the first link
It is a nice thing because it get out of sticky when the sticky element comes to the end of the parent container.Great advantage : no scroll calcalation with performance requirements.
But i guess : IE11 does not support: https://caniuse.com/#search=stickyMarch 5, 2020 at 5:39 pm in reply to: Google Map Marker beim Öffnen weiterer schließen lassen #1190506ja so ist es beschrieben oben:
du legst dir eine Kopie dieser Datei in den child-theme/js/ Ordner ( der ist per se nicht unbedingt da, dann leg ihn an)
durch das Snippet bindest du dann über das child-theme diese Datei statt der parent datei ein.
So bist du einigermaßen sicher beim nächsten Eltern-update. Sollte sich aber mal was in der avia_google_maps_api.js ändern – siehst du wenigstens der Kommentare wegen, was sich geändert hatte und du kannst dann anhand dessen die neue Datei wieder bearbeiten.I can get rid of these by css – but I’d prefer the clones didn’t emerge.
#av-burger-menu-ul > li > ul.sub-menu > li.av-width-submenu > a:nth-of-type(1) { display: none !important; }
Solved:
ok that was the real hint :
mega_titel.html()
could not be used because it has all the content of the anchor in it too.
So there is an empty anchor li and then the one with the text.
i just did it now this way ( 1004 ff) : i inserted that new var: mega_title_textvar megacolumn = $(this), mega_current = megacolumn.find( '> .sub-menu' ), // can be 0 if only a column is used without submenus mega_title = megacolumn.find( '> .mega_menu_title' ), mega_title_text = mega_title.find('a').html(), // so this is new to have tag transfer to hamburger menu titles mega_title_link = mega_title.find('a').attr('href') || "#", current_megas = mega_current.length > 0 ? mega_current.find('>li') : null, mega_title_set = false, mega_link = new_li.find('>a'), hide_enty = '';
and this mega_title_text comes then to the mentioned place:
$('<a href="'+mega_title_link+'"><span class="avia-bullet"></span><span class="avia-menu-text">' + mega_title_text + '</span></a>').insertBefore(new_ul); mega_link = new_li.find('>a');
This work great : can be closed
Edit: i recognized that on indivdual link with link: # the new var needs an if clause:
var mega_title_text = mega_title.find(‘a’).length > 0 ? mega_title.find(‘a’).html() : mega_title.html(),
so it has to be:
var megacolumn = $(this), mega_current = megacolumn.find( '> .sub-menu' ), // can be 0 if only a column is used without submenus mega_title = megacolumn.find( '> .mega_menu_title' ), mega_title_text = mega_title.find('a').length > 0 ? mega_title.find('a').html() : mega_title.html(), mega_title_link = mega_title.find('a').attr('href') || "#", current_megas = mega_current.length > 0 ? mega_current.find('>li') : null, mega_title_set = false, mega_link = new_li.find('>a'), hide_enty = '';
-
This reply was modified 5 years, 7 months ago by
Guenni007.
Thanks : But this is definitely something that has to be in a next update. It is precisely this possibility of setting html tags that is often necessary for the Hamburg menu items.
Edit: But it does not seem to be that simple: the simple exchange leads to a blind menu entry – which also leads to the corresponding page, but see it on the source code
And have a look on the demo page in private ContentMarch 4, 2020 at 7:02 pm in reply to: Header Logo center, Menu below -> Scroll out only logo #1190166hi Victoria – i hope, not in my script? !
March 3, 2020 at 7:59 pm in reply to: Header Logo center, Menu below -> Scroll out only logo #1189820no private Data for me – you have to wait til mods are here. I’m participant as you.
Yes – open the hamburger on that and look what happend to these tags
on hamburger items these linebreaks or span-tags are not present.
on the mega-menu it is all right – but on hamburger menu br and span tags are gone
March 3, 2020 at 2:46 pm in reply to: Google Map Marker beim Öffnen weiterer schließen lassen #1189745Du kannst hier einen immer noch aktuellen Lösungsansatz finden: https://kriesi.at/support/topic/one-google-map-marker-tooltip-at-a-time/#post-932107
Mittlerweile wird die avia_google_maps_api.js conditional geladen. Heißt nur im Bedarfsfall. Macht es aber einfacher, dieses als child-theme script zu laden. ( Please dear mods – if this enqueue code could be optimized – tell us)
Das hier kommt also in die child-theme functions.php:add_action( 'wp_enqueue_scripts', 'wp_change_google_maps_script', 100 ); function wp_change_google_maps_script() { wp_deregister_script( 'avia_google_maps_api_script' ); wp_enqueue_script( 'avia_child_google_maps_api_script', get_stylesheet_directory_uri().'/js/avia_google_maps_api.js', array('jquery'), $vn, true ); }
du legst dir eine Kopie dieser Datei in den child-theme/js/ Ordner ( der ist per se nicht unbedingt da, dann leg ihn an)
Diese Kopie bearbeitest du entsprechend dem Link oben ( bitte beachte den Eintrag ganz oben – das vergessen viele)
ODER : Auf Grundlage von enfold 4.7.3
oder hier sehen: https://pastebin.com/9vUQrcFD
hier downloaden: https://pastebin.com/dl/9vUQrcFD
Ich habe Kommentare mit hineingeschrieben, damit du dich erinnerst was passiert ist.Auch wenn du nur irgendwo auf die Karte klickst gehen die InfoWindows zu.
https://webers-testseite.de/google-maps-infowindow/_______________________________
English Part for the interested other Participants:
You can find a still up-to-date solution here: https://kriesi.at/support/topic/one-google-map-marker-tooltip-at-a-time/#post-932107
Meanwhile the avia_google_maps_api.js is loaded conditionally. This means only if required. But makes it easier to load it as child-theme script. ( Please dear mods – if this enqueue code could be optimized – tell us )
So this one goes into the child-theme functions.php:add_action( 'wp_enqueue_scripts', 'wp_change_google_maps_script', 100 ); function wp_change_google_maps_script() { wp_deregister_script( 'avia_google_maps_api_script' ); wp_enqueue_script( 'avia_child_google_maps_api_script', get_stylesheet_directory_uri().'/js/avia_google_maps_api.js', array('jquery'), $vn, true ); }
you put a copy of these files in the child-theme/js/ folder (it is not necessarily there per se, then create it)
Edit this copy according to the link (please note the entry at the top of the page – many people forget this)
On the basis of enfold 4.7.3
or see here: https://pastebin.com/9vUQrcFD
download here: https://pastebin.com/dl/9vUQrcFD
I’ve included comments so you’ll remember what happened.Even if you just click somewhere on the canvas the InfoWindows will close.
https://webers-testseite.de/google-maps-infowindow/you can activate the do_shortcode on menu-items by this in child-theme functions.php:
add_filter('wp_nav_menu_items', 'do_shortcode');
it works on mega-menu titles and items aswell. Maybe you have to get rid of: avia-bullet
March 3, 2020 at 11:32 am in reply to: Header Logo center, Menu below -> Scroll out only logo #1189688thats an important additional information – that you have transparency header!
Anyway – it will be better to have your page to give you better adviceyou see here a test page with transparency header – you can even style the background-colors on the same toggle class:https://webers-testseite.de/elegant/con-tact/
March 3, 2020 at 8:54 am in reply to: Header Logo center, Menu below -> Scroll out only logo #1189623have you a page to see what is the fact?
– maybe you got a already a css for class: sticky
– have you declared a Menu as Enfold Main Menu ?March 2, 2020 at 10:11 pm in reply to: Header Logo center, Menu below -> Scroll out only logo #1189531Well you can use the enfold option for header : logo top menu below.
Then the menu is in an extra div with ID: header_main_alternatethe offset of 130 px here on my example depends on your given header height and if you are using a header_meta.
On my example page i got a header-height of 100px plus the header_meta of aprox. 30px
this comes to child theme functions.php:function scroll_up_down_change() { ?> <script> (function($){ $(document).on("scroll", function() { if ($(document).scrollTop() > 130) { $("#header_main_alternate").addClass("sticky"); } else { $("#header_main_alternate").removeClass("sticky") } }); })(jQuery); </script> <?php } add_action('wp_footer', 'scroll_up_down_change');
this comes to quick css f.e.:
#header_main_alternate.sticky{ position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; box-shadow: 0 5px 25px #aaa; transition: box-shadow 0.5s ease; }
this is how it looks like: https://webers-testseite.de/elegant/
sorry – wrong topic !
-
This reply was modified 5 years, 7 months ago by
Guenni007.
Did you see the date of the post? September 13, 2018
This is long time ago – and all the nice addenda to influence the playback have been deleted by Google – although some of them are still listed in their link.
Most mobile devices do not autoplay videos on default – or do not play if it is not muted.By the way – this results in a way if you hover the mega-div the body jumps to top.
get rid of the height css – then it only stopps the scrolling without jumping to top.PPS: you can use ul.sub-menu as trigger aswell for all drop-dropdown menus. but then the first-level parent li has no effect – there is no toggling class on it like on mega-div open.
February 26, 2020 at 9:05 pm in reply to: I don't like the new ALB Avia Layout Builder in4.7 – it is too much work #1188262February 26, 2020 at 8:55 pm in reply to: I don't like the new ALB Avia Layout Builder in4.7 – it is too much work #1188259Yeah, I guess she saw that.
NOT just a toggle to have the accordeons open like you do now …
The all toggles open is a good thing but indeed the headings of the toggle description takes away good place.
I can live with that option
i now add to my default admin_head_mod the last line to shrink a bit the toggle heading:
there is a setting for bigger quick css input field – removing reset button (to avoid accidentally delete settings) – and making the whole options field bigger.function admin_head_mod() { echo '<style type="text/css"> #avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%} #avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important} .avia_footer_links li {float: left;padding-right: 20px} .avia_footer .avia_footer_save {float: left} .avia_reset {display: none !important } // #avia_options_page { max-width: 3000px!important} a.avia-modal-toggle-title { padding: 2px; margin: 3px 12px; font-weight: normal;} </style>'; } add_action('admin_head', 'admin_head_mod');
try it this way:
and copy paste please – if participants don’t use the code tag it is hard to inspect if you are using correct Quotationmarksadd_filter('avf_datepicker_dateformat', 'new_date_format'); function new_date_format() { $date_format = "mm / dd / yy"; return $date_format; } add_filter('avf_datepicker_date_placeholder', 'new_date_placeholder'); function new_date_placeholder() { $placeholder = "MM / DD / YY"; return $placeholder; }
have you tested it on the newest enfold?
And is that link a mega-menu Title ? ( seems to be only on mega_menu_title )there was a change on a former unpdate that headings are escaped from that . Maybe that similar problem is here too.
On my Enfold 4.7.3 there is it missing. ( by the way on 4.6.3 it is too for all mega_menu_titleThanks: thats a good hint : i tried to realise it with addClass / removeClass – but only the direct way on inline css works :
On mega-div open there is a class on that parent li that toggles – i use that for trigger : menu-item-mega-parentfunction no_scroll_on_mega_div_open(){ ?> <script type="text/javascript"> (function($) { function a() { var mega = $('.menu-item-mega-parent'); mega.on({ mouseover: function() { $('html, body').css({'overflow': 'hidden','height': '100%'}); }, mouseleave: function() { $('html, body').css({ 'overflow-x': 'hidden', 'overflow-y': 'scroll', 'height': 'auto', }); } }); } a(); })(jQuery); </script> <?php } add_action('wp_footer', 'no_scroll_on_mega_div_open');
Can be closed
on the first link ( with only the zoom glass) :
on hamburger case you can force both besides each other with some css like:@media only screen and (max-width: 989px) { .responsive.html_header_sidebar #header .av-main-nav > li { margin: 0; } } @media only screen and (max-width: 767px) { .responsive #top .av-main-nav .menu-item-avia-special { float: left; } }
the styling of the active input field on non-hamburger case can be done too with css in quick css – but we had to know how it should look like for you.
f.e. the width and that little arrow pointing to the magnifier etc:.avia-search-tooltip { width: 250px; } .avia-search-tooltip .avia-arrow-wrap { left: 10%; }
everything is under my nick or avatar.
i guess it is a kind of script embedding mismatches.
try to embed your angular.js in a different way. Maybe use this plugin here: https://wordpress.org/plugins/angularjs-for-wp/can you show me that site?
Edit: i found it with your Name:PS : Starten ( Enfold Optionseinstellung Header: 130px –
nach dem Shrinken soll er dann 80px hoch sein ( also weniger shrinken als es standardmäßig vorgesehen ist)
End Höhe also 80pxbut then read carefully first the 2.6
then 1.625and by the way – i see that it work to 50px – in your case where you switched the values. Where did you get the info of 52px?
so you want to start at 130px and want the end-height after shrinking of 50px ?
on line 64 : 130px / (130px – 50px) = 1.625
on line 76 : 130px / 50px = 2.6so you want to start at 130px and want the end-height after shrinking of 80px ?
on line 64 : 130px / (130px – 80px) = 2.6
on line 76 : 130px / 80px = 1.625do not forget to refresh cache and regenerate the merged css and js files if you have activated the merging. !
It would be nicer to have the link where you created it, and I could work on implementing the appropriate changes.
that is the solution on part I: Link
is there a page or site you can show us as an example. Maybe the page you are speaking about – and if not – maybe one page from enfold demo site?
f.e.: https://kriesi.at/themes/enfold-2017/elements/tables/
where would you like to change something?on chrome f.e. it is the focus state too that causes it:
.tab.active_tab, :focus { outline: none !important; }
-
This reply was modified 5 years, 7 months ago by
-
AuthorPosts