Forum Replies Created

Viewing 30 posts - 5,551 through 5,580 (of 11,483 total)
  • Author
    Posts
  • 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, 4 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;
    }
    in reply to: Search icon on left menu #1185828

    read here somthing in additon: https://kriesi.at/documentation/enfold/search/

    for example to use instead relevansi search

    in reply to: Search icon on left menu #1185825

    A maybe better and understandable way is to activate the search shortcode :

    this in child-theme functions.php

    add_shortcode('avia_search', 'get_search_form');
    

    after that you can input the search input field where you like via shortcode: [avia_search]

    Create an individual Link in your menu – best would be as the last entry – as url you can have #
    as label put in the shortcode:

    thats it –
    if you don’t like the ajax result preview put this in addition to your child-theme functions.php:

    add_action('avf_frontend_search_form_param', 'av_disable_ajax_search',9);
    function av_disable_ajax_search($params)
    {
    	$params['ajax_disable'] = true;
    	return $params;
    }

    looks this way:

    • This reply was modified 5 years, 4 months ago by Guenni007.
    in reply to: Search icon on left menu #1185803

    Edit : use the other method – it is much easier to understand Link

    you can insert on different ways a search icon to the navigation via child-theme functions.php

    f.e:

    add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
    function avia_append_search_nav ( $items, $args )
    {
        if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
          {
              global $avia_config;
              ob_start();
              get_search_form();
              $form =  htmlspecialchars(ob_get_clean()) ;
    
              $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
                     <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
                      <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
                     </a>
                   </li>';
          }
          return $items;
    }

    Rest is a little bit of styling via quick css f.e. that little white arrow etc.

    hätte mich auch gewundert, ich teste sowas vorher obs geht.
    Bis dann also

    Die Child-Theme functions.php hat ganz oben einen öffnenden ( <?php ) dann aber unten keinen schließenden tag mehr.
    lediglich wenn man scripte einfügt, wird kurz vor dem script geschlossen: ( ?> ) dann aber wieder nach Einfügen des scriptes wieder ( <?php ) geöffnet.

    But be shure that your date format is the same way.

    Bitte frage dann aber auch so ab. Nicht das dort die Reihenfolge dann anderst ist.!
    Dort muss schon das DD / MM / YY stehen bleiben, aber der Placeholder kann so verändert werden
    Dieses hier in die child-theme functions.php:

    add_filter('avf_datepicker_date_placeholder', 'new_date_placeholder');
    function new_date_placeholder() {
    $placeholder = "TT / MM / JJ";
    return $placeholder;
    }

    by the way – you can change the prev – next text with just some Quick Css lines:

    #top .avia-datepicker-div.ui-datepicker .ui-datepicker-prev span, #top .avia-datepicker-div.ui-datepicker .ui-datepicker-next span {
        color: transparent;
    }
    
    a.ui-datepicker-prev.ui-corner-all:before {
        content: 'zurück';
        display: block;
    }
    
    a.ui-datepicker-next.ui-corner-all:before {
        content: 'vor';
        display: block;
    }

    Or use signs as << and >>

    in reply to: LOGO IS SEEMS CUT OFF #1185114

    Or click on the upload button – and choose the non-cropped version of you logo (Logo2.png) from the media library.
    I guess you have entered the link as Nikko described above ( and you copied the wrong url ).

    in reply to: Column Equal Height Setting Not Working #1185100

    you have on that place in your page used a plugin to generate these three buttons: “E-Mail, Name, Subscribe”
    these three butttons are in a container which has a margin-bottom value of 20px.
    If you colorize your enfold columns – you can see that they have same height – but do not center vertically the content (apparently) but they are centered (including the margin-bottom value).
    try this to your quick css:

    #top .thrv_lead_generation_container form {
        margin-bottom: 0 !important;
    }

    What causes the set properties to jump back to the default values I cannot say. But I see that the columns already have the same height on your site

    in reply to: 3 columns = buttons don't work #1183996

    Du kannst der Nachfolgenden Section einfach einen kleineren Z-index geben:
    Versuch das mal im Quick css:

    #services {
        z-index: 0;
        position: relative;
    }

    Das ist ja auch richtig so! Denn was sagt das Wort Redakteur aus?
    Alle Inhalte können bearbeitet werden – fremde und eigene Inhalte – Alles Andere soll nicht im Einfluss eines Redakteures liegen.
    Du lässt einen Redakteur einer Zeitschrift ja auch nicht an die Druckmaschinen ran – oder?

    Es gibt wohl einige Plugins, die eine gezielte Benutzerrolle anlegen können. Wo der Adminitrator die Dinge die eine Rolle bearbeiten darf gezielt setzen kann.
    ______

    That’s just as well! Because what does the word editor mean?
    All contents can be edited – foreign and own contents – everything else should not be under the influence of an editor.
    You don’t let an editor of a magazine touch the printing presses – do you?

    There are probably some plugins that can create a specific user-role, where the administrator can set the things a role is allowed to edit.

Viewing 30 posts - 5,551 through 5,580 (of 11,483 total)