-
Posts
-
Hello together,
i want to link a marker to a portfolio-entry. Is this possible. A simple Link in description unfortunately didn´t work, see screenshot.
http://authentische-orte.de/wp-content/uploads/2015/10/Nachrichten-Bild319551290.png
Thanks a lot an best regards from germany
Hey!
You can use HTML in your caption as screenshot – [please see private content field]
Cheers!
YigitHi!
Place the google map element inside a color section then set the Map Height to 16:9. Edit the color section, set the Section Minimum Height to 100% then add a unique id in the Section ID field. Use “map-section” for example then add this in the Quick CSS field:
#map-section container, #map-section .template-page { padding: 0 !important; display: block; width: 100%; } #map-section .template-page { height: 100%; }Regards,
IsmaelHi,
thank you for the fast answer. Unfortunately it didn´t work :-(
http://authentische-orte.de/wp-content/uploads/2015/10/Nachrichten-Bild3586016687.png
THX
Hey!
Please try adding following code to Quick CSS as well
#map-section container, #map-section .template-page { max-width: 100% !important; }Regards,
YigitHi Yigit,
Ok, we are approaching the goal. Now the width is 100% but unfortunately not the height. The height is fix by 16:9 not at 100%… Any more ideas?
Thank you VERY much :-)
Best Lars
Oh no. Sorry… I´ve made a mistake. The maps was NOT in the color section. Now i put maps in there and i have again no positive result anywhere. :-((
Ok… With your Post https://kriesi.at/support/topic/full-screen-google-maps/ i´ve figured out, how to set the 100% width. But the height ist still fix to that, what i fill in “Map Height” in the maps-form. He ignore every setting i put into the Quick CSS…
Hi!
My bad. There’s a missing dot in the container class. We added this code in the Quick CSS field:
#map-section .container, #map-section .template-page { padding: 0 !important; display: block; width: 100%; max-width: 100%; overflow: hidden; } #map-section .template-page { height: 100%; }Leave the Map Height field blank then set the color section height to 100%. We also added this in the functions.php file:
// map height add_action('wp_footer', 'ava_map_height'); function ava_map_height(){ ?> <script> (function($){ $(window).resize(function() { var win = $(window), calc_height = function() { var subtract = $('#wpadminbar, #header.av_header_top:not(.html_header_transparency #header), #main>.title_container'), wh100 = win.height(); subtract.each(function(){ wh100 -= this.offsetHeight - 1; }); $('#map-section .avia-google-map-container').css('height', wh100); } win.on( 'resize', calc_height); calc_height(); }).resize(); })(jQuery); </script> <?php }Check the result here: http://authentische-orte.de/test-map/
Regards,
IsmaelHi Ismael.
Perfect work! Thank you very much!!!!
Last question: Will the functions.php override trough an WP- or Theme-Update? Do I have to note something during the update?
Thank you and best regards from germany, Lars
Hi!
Yes, it’s going to be overwritten when you update the theme. Please use a child theme then create a functions.php file there: http://kriesi.at/documentation/enfold/using-a-child-theme/
Cheers!
IsmaelOk. Just shot question to don´t mess it up. I have to copy your code into the funktion.php from the child-theme, right? then i´ve to delete your changes in the original function.php, right? Have i change the style.css too? Or will the quick-css from the enfold-dashboard never overwritten?
THX :-)
The content from my new function.php in child folder is this:
<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/// map height
add_action(‘wp_footer’, ‘ava_map_height’);
function ava_map_height(){
?>
<script>
(function($){
$(window).resize(function() {
var win = $(window),
calc_height = function() {
var subtract = $(‘#wpadminbar, #header.av_header_top:not(.html_header_transparency #header), #main>.title_container’),
wh100 = win.height();subtract.each(function(){ wh100 -= this.offsetHeight – 1; });
$(‘#map-section .avia-google-map-container’).css(‘height’, wh100);
}win.on( ‘resize’, calc_height);
calc_height();
}).resize();
})(jQuery);
</script>
<?php
}Hi!
The Quick CSS field doesn’t get overwritten when you update the theme so it’s safe there. Don’t forget to create a backup or a restore point when you update the theme, just in case.
Best regards,
IsmaelHello together,
is it possible, that everything has change in this section in the past month? Because i have a 100px or 200px white beam under the map and i don´t know, how to fix this. Have you any ideas?
Thank you very much and best regards from Germany
Lars
- You must be logged in to reply to this topic.