Forum Replies Created

Viewing 30 posts - 5,761 through 5,790 (of 11,702 total)
  • Author
    Posts
  • in reply to: Change bacground color of sidebar #1190908

    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.

    in reply to: Scrolling single-side column #1190873

    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=sticky

    ja 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.

    in reply to: on hamburger menu label and html tags #1190469

    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_text

    
    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').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.
    in reply to: on hamburger menu label and html tags #1190459

    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 Content

    hi Victoria – i hope, not in my script? !

    no private Data for me – you have to wait til mods are here. I’m participant as you.

    in reply to: on hamburger menu label and html tags #1189747

    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

    Du 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/

    in reply to: Enfold Mega Menu Customization #1189691

    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

    in reply to: Header Logo center, Menu below -> Scroll out only logo #1189688

    thats an important additional information – that you have transparency header!
    Anyway – it will be better to have your page to give you better advice

    you 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/

    have 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 ?

    in reply to: Header Logo center, Menu below -> Scroll out only logo #1189531

    Well you can use the enfold option for header : logo top menu below.
    Then the menu is in an extra div with ID: header_main_alternate

    the 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/

    in reply to: Header, logo center, burger-menu top-left #1189491

    sorry – wrong topic !

    • This reply was modified 5 years, 7 months ago by Guenni007.
    in reply to: Autoplay Youtube Video in Lightbox #1188567

    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.

    in reply to: possible to have no scroll on opened Mega Div #1188268

    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.

    by the way have you ever tested that button on the upper right corner?
    sticky elements on scrolling down !

    Yeah, 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');
    in reply to: Datepicker flip flopping month and day #1188234

    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 Quotationmarks

    add_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;
    }
    in reply to: on hamburger menu label and html tags #1188223

    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_title

    in reply to: possible to have no scroll on opened Mega Div #1188212

    Thanks: 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-parent

    function 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

    in reply to: Search icon on left menu #1187217

    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%;
    }
    in reply to: Shrinking of header – Amount – An Info #1187088

    everything is under my nick or avatar.

    in reply to: CSS Alteration: Jaffna Tour: Date Picker #1186921

    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/

    in reply to: Shrinking of header – Amount – An Info #1186917

    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 80px

    but then read carefully first the 2.6
    then 1.625

    and 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?

    in reply to: Shrinking of header – Amount – An Info #1186874

    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.6

    so 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.625

    do not forget to refresh cache and regenerate the merged css and js files if you have activated the merging. !

    in reply to: Image captation below image #1186571

    It would be nicer to have the link where you created it, and I could work on implementing the appropriate changes.

    in reply to: Search icon on left menu #1186568

    that is the solution on part I: Link

    in reply to: Colors in table #1185837

    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?

    in reply to: Problem with toggle border #1185835

    on chrome f.e. it is the focus state too that causes it:

    .tab.active_tab, :focus {
        outline: none !important;
    }
Viewing 30 posts - 5,761 through 5,790 (of 11,702 total)