Forum Replies Created
-
AuthorPosts
-
or you simply use the modal window (lightbox) version of Google Maps – you even did not need any api key for that. – And big Advantage – if you place a notice to the privacy notices, it is probably best GDPR compliant.
See here : https://kriesi.at/support/topic/google-maps-gdpr-dsgvo/#post-981135
something like: Google Map
yes my test did it as Mike said:
<a href="https://goo.gl/67u9gx" target="_blank" rel="noopener">Youtube Channel</a>
same shit different name. Must work without any extra css or code
Well i do not see that mixed content message. So maybe it is only a caching problem on your devices;
but I don’t see any instructions for loading the font either on your siteby the way if you like to support browser independent font usage you can transform your font into woff , woff2 etc on fontsquirell:
https://www.fontsquirrel.com/tools/webfont-generatorBy the way – i like the use of lightbox and gmaps.
The thing you put in on a code-block element is something like this:
<h3> Google Map </h3> <label> <a class="googlemap" href="https://maps.google.de/maps?q=1+Ludwig-Schopp-Straße+27,+53117+Bonn,+Deutschland&hl=de&iframe=true"><img src="https://webers-testseite.de/wp-content/uploads/maps.png" alt="Google Map" /></a> </label>
the link in that code-block for your Address is concerning to Google: https://developers.google.com/maps/documentation/urls/guide
On German – with hl=de it will only work with :https://maps.google.de/maps?q=
and + (plus) separated Adress data.the code above must then be added additionally.
function googlemap_script() { ?> <script> (function($){ $('<label><input class="google-privacy" type="checkbox" /> yes - I have read the <a href="/datenschutzerklaerung">privacy policy</a> regarding Google Maps</label>').insertBefore('.av_gmaps_confirm_link'); $('<label><input class="google-privacy" type="checkbox" /> yes - I have read the <a href="/datenschutzerklaerung">privacy policy</a> regarding Google Maps</label>').insertBefore('a.googlemap'); $('a.googlemap').css( 'display' , 'none' ); $('a.av_gmaps_confirm_link.av_text_confirm_link').css( 'display' , 'none' ); $('.google-privacy:checkbox').prop('checked', false); $('.google-privacy:checkbox').click(function() { $('a.googlemap').toggle($(':checkbox:checked').length > 0); $('a.av_gmaps_confirm_link.av_text_confirm_link').toggle($(':checkbox:checked').length > 0); }); })(jQuery); </script> <?php } add_action('wp_footer', 'googlemap_script');
Big advantage – you wouldn’t even need a Google Api key for this – and bypasses the new payment method of Google as well
I simply added a text block and wrote the text in it
you did not wrote this to the text input field – my guess is that it is copy/pasted from a different html page and inserted into the text-block alb element.
this is no normal text – it is styled with different divs , spans etc pp.
how should a justify influence such a construction. these are all single sentences in different containers.this is normal input for a avia_textblock without any divs or spans:
Rent Lake Como SRL was created to provide high quality rental international services in the Lake Como area. From apartment or villa rent to particular requests you may have during your holiday, we cover them all. A young, experienced and creative team is responsible for your comfortable vacation. We believe that renting a villa or an apartment is a much better value than a hotel room, as it gives you more space for the same price or cheaper and you live like a local or as if you were home. Plus, you have the convenience of an experienced concierge like ours, who can give you any service you need. Enjoy your stay and feel free to contact us anytime.
The p-tags are set if you make a return on your keyboard (which you do not see even in text editor mode but in source-code they are set.)
this is what you have inserted i guess via copy/paste on the text:
so you need to edit that first<div class="template-page content av-content-full alpha units"> <div class="post-entry post-entry-type-page post-entry-460"> <div class="entry-content-wrapper clearfix"><section class="av_textblock_section "> <div class="avia_textblock av_inherit_color "> <div> <div class="WordSection1"> <div class=""><span class="" lang="EN-US">Rent Lake Como SRL was created to provide high quality rental international services in the Lake Como area.</span></div> <div class=""><span class="" lang="EN-US">From apartment or villa rent to particular requests you may have during your holiday, we cover them all.</span></div> <div class=""><span class="" lang="EN-US">A young, experienced and creative team is responsible for your comfortable vacation.</span></div> </div> </div> <div> <div class="WordSection1"> <div class=""><span class="" lang="EN-US">We believe that renting a villa or an apartment is a much better value than a hotel room, as it gives you more space for the same price or cheaper and you live like a local or as if you were home. Plus, you have the convenience of an experienced concierge like ours, who can give you any service you need. Enjoy your stay and feel free to contact us anytime.</span></div> </div> </div> </div> </section></div> </div> </div>
try then :
#top.page-id-460 { text-align: justify !important; }
Do you mean this text: Rent Lake Como SRL …
i guess you have inserted it by copy and paste from maybe a word doc ? there is no p tag in that pasted text. it is in a span tag.so if you don’t want to influence all avia_textblocks (team element etc) with:
#top.page-id-460 .avia_textblock { text-align: justify !important; }
you have to edit this text-block and copy paste into the text not the visual editor mode, to have there p-tags.
by the way : justified text can be very ugly – to avoid this there is a nice multilingual plugin called hyphenator.
deleted …
just brainstorming again …
is it only one button in that text-block ?
i do not test it yet – but do you think in days of GDPR (DSGVO) it is a good advice to use google recaptcha?
Test it if some infos will go out without any action just on loading the page!but to shorten this – save your child-theme header.php on your desktop device ( Mac , PC etc)
erase that child-theme header.php – erase all cached datas (browser cache , enfold merged files ) then and look if your lightbox troubles are gone – if not it must be something else.
so if they are identical why do you have one on child-theme ?
by the way this is only part of header.php isn’t it?
this is missing on comparison to 4.4.1.
wp_head(); ?> </head> <body id="top" <?php body_class( $rtl_support . $style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>> <?php do_action( 'ava_after_body_opening_tag' ); if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); ?>
but on animating that – i see this is better coding (shifting the whole box instead of content) – with same setting:
.equalboxes .iconbox.iconbox_top { position: relative; top: -100px; background-color: transparent !important; } .equalboxes .iconbox.iconbox_top { margin-bottom: -100px; } @media only screen and (max-width: 767px){ .equalboxes { margin-bottom: 80px !important; } }
hey Vinay – you read my solution –
that’s exactly my recommendation. The equal height columns are provided for that behavior. The problem is, when I put an icon box into it with all its styling ( background, border, border-radius etc) , it looks like it’s still not the same height ( allthough the surrounding column has same height)
I mimic, so to speak, an icon box by putting one in a column and leaving out the styling of the icon box – except for the icon itself. The appearance of the iconbox I take over then with the Columns. So border, border-radius, background etc.1) so my code above moves the on top icon over the border of the column (top: -100px) – that it looks like the iconbox itself.
moving the whole content to top border of the column results in a big empty bottom which is corrected via the negative margin of iconbox_content_container2) The transparency option is for having the chance to style the column as if it was the iconbox with border, border-radius , background.
you see it here – without that custom-class and with block-content settings : https://webers-testseite.de/equal-height/#without
1) that custom class goes to the 1/3 column – each! the 1/3 columns are set to equal height !
2) take in the 1/3 columns your icon-boxes with on top big icon – but no borders ( these settings you make to your 1/3 columns)the thing is to have equal height columns which looks like iconboxes – so edit the columns than with border , border-radius and maybe a background-color etc.
please show me the link to your site
-
This reply was modified 7 years ago by
Guenni007.
why do you have a header.php in child-theme.
On default it is not necessary. So there must be a reason for that. You have to remember why. Often it is because of inserting an extra div or something like that.
Since Enfold 4.2.2 there is a different header.php in enfold. A lot of users who are updating from that older version to 4.4.1 have the same problem with lightbox. So copy a new header.php from the enfold 4.4.1 folder to your child-theme folder and see if the lightbox troubles are gone.
Then you have to know why you got a child-theme header.php so that you can transfer the old changes to the new copyon Enfold Options – Layout Builder : activate: Show element options for developers
Then you will have on the most alb elements a new input field for custom-class
I would use the enfold resources to achieve it. Because equal-height columns are suitable for this. The look if you use iconbox is not equal height because only the icon-box content gets a background – the columns itself are equal height.
So the setup for that should be : icon-box with icon on top above the title – but with no borders !!!
every column ( in your case 1/3) gets the custom-class: equalboxes
and is now styled this way you like ( border , background, padding etc) padding is important because it looks without very ugly.The icons must be styled with colors background and icon color:
then do this to quick css:
.equalboxes .iconbox_top .iconbox_content { position: relative; top: -100px; background-color: transparent !important; } .equalboxes .iconbox_content_container { margin-bottom: -100px; } @media only screen and (max-width: 767px){ .equalboxes { margin-bottom: 80px !important; } }
see result: https://webers-testseite.de/equal-height/
if you have updated from an older Version before 4.2.2. and are you working with a child-theme? – one reason could be – if you have a child header.php ? maybe it is not the newest one – so update that to 4.4.1 too. You know the reason for child-theme header.php on your setting than – to edit it in the same way.
i do use shariff wrapper plugin – brilliant solution for that – and easy to use with a shortcode where ever you like.
It is really fun to share my work and knowledge here. ;)
I really feel the enthusiasm to continue.i can not confirm to that.
On Enfold 4.4.1<br>
and on former times i used<br/>
for a line break – both works fine on my end – and on editing these headings again – they are still theresorry i see that on mobile the background goes to new containers – and the av-parallax containers are on scroll and absolute positioned.
there must be a different solution for it.Edit:
because it gets the background-size : cover – we can not do anything with that – but on all mobiles the images seems to be wider than their screen width. So lets get rid of the size option – than you can set positioning:.avia_mobile .page-id-24 #av_section_2 .av-parallax {background-size: initial !important; background-position: center center !important } .avia_mobile .page-id-24 #av_section_4 .av-parallax {background-size: initial !important; background-position: center top !important } .avia_mobile .page-id-24 #av_section_6 .av-parallax {background-size: initial !important; background-position: center bottom !important }
every mobile device gets on html the class: avia_mobile
so you can use that to have a specific rule:
error see next comment
but i think the fixed positioning will not work well on all mobile devices. And the rule is set via enfold to scroll on default-
This reply was modified 7 years ago by
Guenni007.
ich meine fast , dass da was nicht mit der Einbindung mancher Scripte im Argen liegt bei der englischen version.
Denn Borlabs Cookies funktioniert bei mir in einer bilingualen Umgebung wunderbar. Du hast hingegen auf jeder Seite im Footer bereich das was als Overlay Popup im Deutschen kommt.also ich sehe auf deiner Seite – auch der englischen keinen Mixed Content (alles soweit https) aber dein Vimeo Video auf der Contact Seite lädt nicht. Hängt wohl mit deinem Borlabs Cookie Plugin zusammen. Hast du das Vimeo Video da oben mittels Code funktion eingefügt?
June 26, 2018 at 10:26 am in reply to: Website not in HTTPS because of an image from http://test.kriesi.at #977846it is in the section with the six blue icons … 1 à 7 personnes – etc.
Open that section – insert a background image – save it – and after it delete it. Thats all.
You do not see the image because the domain http://test.kriesi.at. does not exist anymore since https switch of kriesi.
The link – if you need that image is now: https://kriesi.at/themes/enfold-health-coach/wp-content/uploads/sites/62/2016/05/food-bg-3.jpgJune 26, 2018 at 9:20 am in reply to: Chrome problem with autoplay video with sound. Need unmute button for video. #977830for that mute unmute workaround i got no solution for safari.
June 26, 2018 at 8:47 am in reply to: Google Maps are not free anymore – July 16th billing changes – what's your plan? #977819so but – till now i have allways done that api under my google account for all of my customers. I guess they will do summ up the usage for each api?
Now i had to create an own api each customer of mine. Horrible idea – and very complicated for me now.
Is there a good alternative map creator in the web???On german google watch blog: Some basic things like embedding cards remain completely free, no matter how often they are displayed.
So maybe it is probably not as bad as I feared
-
This reply was modified 7 years ago by
Guenni007.
-
This reply was modified 7 years ago by
-
AuthorPosts