Forum Replies Created
-
AuthorPosts
-
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
March 3, 2020 at 11:32 am in reply to: Header Logo center, Menu below -> Scroll out only logo #1189688thats an important additional information – that you have transparency header!
Anyway – it will be better to have your page to give you better adviceyou 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/
March 3, 2020 at 8:54 am in reply to: Header Logo center, Menu below -> Scroll out only logo #1189623have 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 ?March 2, 2020 at 10:11 pm in reply to: Header Logo center, Menu below -> Scroll out only logo #1189531Well you can use the enfold option for header : logo top menu below.
Then the menu is in an extra div with ID: header_main_alternatethe 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/
sorry – wrong topic !
-
This reply was modified 5 years, 4 months ago by
Guenni007.
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.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.
February 26, 2020 at 9:05 pm in reply to: I don't like the new ALB Avia Layout Builder in4.7 – it is too much work #1188262February 26, 2020 at 8:55 pm in reply to: I don't like the new ALB Avia Layout Builder in4.7 – it is too much work #1188259Yeah, 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');
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 Quotationmarksadd_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; }
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_titleThanks: 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-parentfunction 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
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%; }
everything is under my nick or avatar.
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/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 80pxbut then read carefully first the 2.6
then 1.625and 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?
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.6so 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.625do not forget to refresh cache and regenerate the merged css and js files if you have activated the merging. !
It would be nicer to have the link where you created it, and I could work on implementing the appropriate changes.
that is the solution on part I: Link
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?on chrome f.e. it is the focus state too that causes it:
.tab.active_tab, :focus { outline: none !important; }
read here somthing in additon: https://kriesi.at/documentation/enfold/search/
for example to use instead relevansi search
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.
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.
February 18, 2020 at 7:26 pm in reply to: Change contact formular field Date prefilled DD / MM / YY in TT / MM / JJ #1185787hätte mich auch gewundert, ich teste sowas vorher obs geht.
Bis dann alsoDie 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.February 17, 2020 at 8:32 pm in reply to: Change contact formular field Date prefilled DD / MM / YY in TT / MM / JJ #1185401But 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 >>
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 ).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
Du kannst der Nachfolgenden Section einfach einen kleineren Z-index geben:
Versuch das mal im Quick css:#services { z-index: 0; position: relative; }
February 11, 2020 at 11:07 am in reply to: Benutzer Redaktor sieht enfold-child theme nicht auf wordpress #1183387Das 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.
-
This reply was modified 5 years, 4 months ago by
-
AuthorPosts