Forum Replies Created
-
AuthorPosts
-
August 22, 2018 at 6:00 pm in reply to: Enfold Cild Theme: Freelancer, 2 Entwürfe verwenden (Scrollen und Fixiert) #1000451
it works on my end – but empty all cache types – especially that of the mobile, before you say it doesn’t work.
I test all my advices beforehand.August 22, 2018 at 5:53 pm in reply to: How can I move slider below "top bar" and make menu header transparent? #1000447i think you should be more explicit on your request.
You mean a slider between top-bar and logo area ( so to be more precise : between #header_meta and #header_main).
What should happen to this slider when scrolling down? – should it stay fixed or scrolls with header_meta away?
What happens to your header_main ? Is it fixed or does it scroll.?etc pp
Punkt 1 ) in den Theme Options ist aber der Haken bei : Lightbox Modal Window gesetzt?
Punkt 2 ) hast du von vorigen Versionen eventuell in deinem child-Theme Ordner auch eine header.phpbut you got a good solution too now!
you only have to find a solution for smaller screens and for mobile view
well first – take the logo center – navigation underneath.
this will end in : that navigation is in header_main_alternate container and not in logo container.
so this will be easy to set this (logo) to display: none (for the desktop screens)On Dashboard – Appearance – Menu
the “navigation logo” is a custom link with img link in the navigation label ( something like :
<img src="https://webers-testseite.de/weber/wp-content/uploads/2017/09/logo-top.png" alt="Logo" />
)
go and let show the classes for menu links – i gave a class to this logo: logoimgso now the trick:
you have to edit : avia-snippet-sticky-header.js
on older enfolds this was part of avia.js but now we have an own external js file.you can see it here (and download it too): https://pastebin.com/h4LW4JHV
on line 49. there is a new line:
navlogo = $('.logoimg img'),
and this is in the script of shrinking the new usage of it on line 94:
navlogo.css({'maxHeight': 2*newH + 'px'});
so when we start at a normal header height of 100px – this navigation logo will start at 200px
and on normal shrinking amount of 1/2 this will end at 100pxto have a child-theme usage of this new file put this to your child-theme functions.php:
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); }
put the file to child-theme/js folder
the rest now is quick css :
.logo, .logo a { display: none } .container.av-logo-container { position: absolute } .logoimg .avia-menu-fx { display: none } /*** this is the menu-item for the logoimg menu point - you have to look what item id it has ***/ #av-burger-menu-ul .menu-item-460 { display: none } /*** some styling ***/ .logoimg img { -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9)); filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9)) } @media only screen and (max-width: 767px){ .container.av-logo-container { position: relative } .logo, .logo a { display: block } }
now it depends on if you are having a sub-menu on top how to style the image: (you must know the menu-item id of the image)
#menu-item-460 img { top: -35px !important; position: relative; }
i can see that enfold uses this font ( register-backend-styles.php ) if you are working on general styling by predefined color schemes ( black or blue/yellow)
but if you do not have this in a css or in enfold / advanced styling – this should not be loaded.
Anyway – if all of your fonts are loaded over an own server ( manually socalled) and not by google – you can do this into functions.php of your child-theme:add_action( 'init', 'enfold_customization_switch_fonts' ); function enfold_customization_switch_fonts() { global $avia; $avia->style->print_extra_output = false; }
on class-style-generator.php you can see the function print_extra_output and that it is for google font loading (line 355)
to realy get rid of the last rest you can use this plugin: remove-google-fonts-references
this works still with newest enfold-
This reply was modified 7 years, 1 month ago by
Guenni007.
August 22, 2018 at 1:53 pm in reply to: Can't update Enfold in theme due to the URL not being valid? #1000322and by the way – sometimes it is only the tmp directory missing (which is defined on wp-config.php) on the wordpress installation.
and if you see gtmetrix results :
click to enlarge
you see that the results are not so bad
-
This reply was modified 7 years, 1 month ago by
Guenni007.
first try to determine where the font comes from!
maybe you can post a link – so we can have a look where it comes fromand then it might not be that font – because Metrophobic from google only – has only one font-weight (400) and latin only – so this might load very fast.
And once again – for your background-image in the right cell !
on mobile this is nearly gone. if you like to show something ( the image ) you can setup a min-height – or do a whitespace hr in it with a given heightAugust 22, 2018 at 12:37 pm in reply to: Enfold Cild Theme: Freelancer, 2 Entwürfe verwenden (Scrollen und Fixiert) #1000270or if you only want it for mobile devices and not for small screens:
add_action( 'wp_head', 'landingpage_for_mobile', 10 ); function landingpage_for_mobile() { if(wp_is_mobile()){ ?> <script> if (window.location.pathname == '/' ) { window.location = "/impressum/"; } </script> <?php } }
impressum is just my test setting if it works on an Enfold Installation – you might adjust this to your needs
August 22, 2018 at 12:30 pm in reply to: Enfold Cild Theme: Freelancer, 2 Entwürfe verwenden (Scrollen und Fixiert) #1000260well you can have a different landing page for that indeed:
just do this to your functions.php of your child-theme:add_action( 'wp_head', 'landingpage_for_mobile', 10 ); function landingpage_for_mobile() { ?> <script> if (window.location.pathname == '/' && jQuery(window).width() <= 480) { window.location = "/impressum/"; } </script> <?php }
and by the way an opacity is on definition
0 (zero) to 1 (100%)
so if there is 100 this is wrong
if you like to have something between those values (e.g. 0.47) be sure to use a dot not a commaÜbrigens: solange du an dem Layout rumschraubst, würde ich das merging abstellen.
Das verhindert zusätzlich zu den Browsercache das Überprüfen der Änderungen.
So muss man immer wieder die Teile neu anlegen lassen.look to your code – the exclamation marks are not needed – and when you set it – than both
#top .av-siteloader-wrap { background-image: url( https://gipfelglück.bayern/wp-content/uploads/2018/06/slider_home_01.jpg ) }
test it yourself – nothing can go wrong with it
by the way – a container can have more than one background-image:
https://webers-testseite.de/multiple-background-images/August 22, 2018 at 11:07 am in reply to: LayerSldier Menu does show on firefox, but not on Chrome. #1000220can you post the code here – i do always like to learn something
and explain what you have done.-
This reply was modified 7 years, 1 month ago by
Guenni007.
by the way :lol
be creative: http://elrumordelaluz.github.io/draGGradients/#top .av-siteloader-wrap { background: radial-gradient(circle at 89.99% 7.99%, #7e75ff, transparent 67%),radial-gradient(circle at 49.9% 49.64%, #73ffab, transparent 61%),radial-gradient(circle at 8.98% 17.50%, #ffff4a, transparent 58%),radial-gradient(circle at 3.98% 90.04%, #ff94fb, transparent 67%),radial-gradient(circle at 93.01% 92.01%, #ff722b, transparent 61%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) }
this to quick css
#top .av-siteloader-wrap { background-color: #900; }
maybe an important is neccessary – and empty all cache (if you merge css and js on Enfold – generate a new set)
ein link zu dem Kalender wäre schön.
Wenn dieser im Private Content ist, musst du auf einen Mod hier warten.Teste doch mal selber was mit den Sachen im DOM passiert. Mach dein Browserfenster schmal und schau nach, was mit dem Element (zB einer color-section passiert.
Schau diese Testseite – und die Source
https://webers-testseite.de/color-section-with-display-none/display:none elements are not in the render tree at all.
visibility:hidden is a different thing!display:none Elemente sind zwar im DOM und im CSSOM vorhanden, die Zeit die für die Performance allerdings wichtig ist, ist das Rendering der Seite. Diese Elemente werden aber dann nicht gerendert.
Schau mal hier : https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction?hl=de
und folgende Seiten.isn’t there on WPML Settings page itself a “Add Menu Language Switcher”
click to enlarge:
so you can handle that to put it in every custom menu you like – and style it a bit on that page.
To give you the right code – i need a link for that page to give any adviceReally friendly – thank you for the answer; unfortunately it is not usual here that a positive approach to a solution is answered quickly.
Your welcome!PS : this was the solution for the first (left grid cell – .flex_cell.avia-builder-el-first ) –
you could transfer this solution to the right one yourself ? ( .flex_cell.avia-builder-el-last )
but then it will be better to have a unique class for those grid-row element
maybe ( special-grid-row-left and special-grid-row-right) etc. –-
This reply was modified 7 years, 1 month ago by
Guenni007.
August 21, 2018 at 10:49 pm in reply to: Open video links in lightbox with image hotspot element #1000072so the one method works with permanent Tooltip Window open !
so we than go and do the rest with quick css:.avia-tooltip { opacity: 0; display: none !important; } .av-image-hotspot:hover .avia-tooltip { display: block !important; opacity: 1 !important; }
this is what comes to functions.php of your child theme:
function ava_tooltip_script() { ?> <script type="text/javascript"> (function($) { function b() { $(".inner_tooltip a").magnificPopup({ type: 'iframe', mainClass: 'avia-popup mfp-zoom-in', }); } $(window).load(function() { b(); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'ava_tooltip_script' );
see here: https://webers-testseite.de/image-with-hotspost-linking-to-youtube-in-iframes/
August 21, 2018 at 10:13 pm in reply to: Open video links in lightbox with image hotspot element #1000053the thing is that the tooltip window (hotspot image on the bottom of my link) only arises when hovering the tooltip
it does not exist in the DOM till hovering – so my code here: Link has no influence on it.
Even the DOMNodeInserted function does not work hereAugust 21, 2018 at 9:04 pm in reply to: Open video links in lightbox with image hotspot element #1000013next problem i changed in avia-modal.js the ( i tried both lines ) from mouseenter to click
but it does not work (even after clearing all caches)
best solution was in my opinion if we let the mouseenter event – but
the window must stay open till a link is clicked in the inner tooltip.on line 1498 of avia.js :
$.AviaTooltip = function(options)
do we have to change something additional to the avia-modal.js?
August 21, 2018 at 8:44 pm in reply to: Open video links in lightbox with image hotspot element #1000009so we can force the links inside the inner_tooltip to open in lightbox by this snippet in functions.php of the child-theme:
add_action( 'wp_footer', 'ava_tooltip_script' ); function ava_tooltip_script() { ?> <script type="text/javascript"> (function($) { function b() { $(".inner_tooltip a").magnificPopup({ type: 'iframe', mainClass: 'avia-popup mfp-zoom-in', }); } $(window).load(function() { b(); }); })(jQuery); </script> <?php }
so now see page: https://webers-testseite.de/image-with-hotspost-linking-to-youtube-in-iframes/
August 21, 2018 at 8:20 pm in reply to: Open video links in lightbox with image hotspot element #999996this is not the solution – it is a styling point of view.
If you set the tooltip alway visible (see link above) the inner link (inner_tooltip) does not link in lightbox – allthough the image has the iframe=true thing.
So for me it would be nice to open the tooltip on click ( you will use than instead of mouseenter the click event) – and then click on the image in the tooltip to oben the lightbox.
But i do not realy know why the link does not open in lightbox.zunächst sind das ja nur beispiele – ich denke du wirst keine Seite 6, 42, oder 54 haben.
Aber was ich oben schrieb – der fehler ist: ohne if kein elseif.
wenn du es dahingehend änderst wird WordPress nicht mehr meckern:add_filter('avf_logo','av_change_logo'); function av_change_logo($logo){ if ( is_page( array( 6, 42, 54 ) ) ) { $logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; } return $logo; }
-
This reply was modified 7 years, 1 month ago by
-
AuthorPosts