Forum Replies Created
-
AuthorPosts
-
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.
June 25, 2018 at 4:53 pm in reply to: Is it possible to set te picture fixed in the LayerSlider ? #977567what you describe is more or less a parallax effect on that image! Isn’t it?
Layerslider has got on transitions tab the option to enable parallax transition ( you can set a parallax level and if it is correlated with scroll event)June 25, 2018 at 4:36 pm in reply to: Chrome problem with autoplay video with sound. Need unmute button for video. #977562Is that video a selfhosted video?
you can see here a workaround on selfhosted video with mute/unmute button and it starts on chrome aswell:
https://webers-testseite.de/mute-unmute/on safari – it does not work!
I deleted the testpage now – but on my end it works with Enfold 4.4.1
with newest Enfold and Safari your video works on my end. It loads a bit strange – a bit delayed:
https://webers-testseite.de/weber/selfhosted/
on Chrome MacOSX the video does not support autoplay ?see here in action. https://webers-testseite.de/#footer
if you like to obtain that very elegant – this is a custom widget i wrote for that case – code comes to function.php of your child-theme:
The generated widget is called (as you see in the code). Enfold-Child-Social-Bookmarks/*** custom social bookmarks widget ****/ function social_bookmarks_register_widget() { register_widget( 'add_social_bookmarks' ); } add_action( 'widgets_init', 'social_bookmarks_register_widget' ); class add_social_bookmarks extends WP_Widget { public function __construct() { $widget_ops = array( 'classname' => 'socialbookmarks-widget', 'description' => __('A widget that displays the social bookmarks', 'avia_framework') ); parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops ); } public function widget( $args, $instance ) { $title = apply_filters( 'widget_title', $instance['title'] ); echo $args['before_widget']; //if title is present if ( ! empty( $title ) ) echo $args['before_title'] . $title . $args['after_title']; //output echo $before_widget; $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); echo avia_social_media_icons($social_args, false); echo $after_widget; } public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) $title = $instance[ 'title' ]; else $title = __( 'Social Bookmarks', 'avia_framework' ); ?> <p> <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label> <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" /> </p> <?php } public function update( $new_instance, $old_instance ) { $instance = array(); $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : ''; return $instance; } }
to have the same look as other widgets – this comes to child-theme quick css:
#top .socialbookmarks-widget .social_bookmarks { float: left; margin: 15px 0 0 ; position: relative; } #top .socialbookmarks-widget .social_bookmarks li { float: left; clear: right !important; }
you then only have to pull that widget to your footer widget-area you like – title in your case is then: Connect with us
1) Du scheinst die Einstellung des Mobile Wechsels auf 990 px zu habe.
2) wenn du es nicht auf allen Seiten hast, dann musst du die Regeln leider für die entprechenden Regeln nur setzen!also für Home:
@media only screen and (max-width: 990px){ .home #header_main, #top.home #wrap_all .av_header_transparency, #top.home .av_header_transparency .header_bg, .home .header_color.header-scrolled .container_wrap_meta, .home .header_color .header_bg { background-color: transparent !important; background-image: none !important; border: none !important; } .home .av_minimal_header_shadow { box-shadow: none !important } .responsive #top.home #wrap_all #header { position: absolute !important; } }
und in deine child-theme functions.php:
function av_home_transparent_logo(){ if( is_front_page() ) { ?> <script> (function($){ if ($(window).width() < 990 ) { $(".logo img").attr("src", "https://www.tas.media/wp-content/uploads/2018/06/white-logo.png"); } })(jQuery); </script> <?php } } add_action('wp_footer', 'av_home_transparent_logo');
schau mal in den Quick css die Regel oben :
#top #wrap_all #footer .flex_column p{ font-size: 12px !important;}
hat am Ende keine geschweifte Klammer ! Das macht alles folgende ungültig
-
This reply was modified 7 years ago by
-
AuthorPosts