Forum Replies Created
-
AuthorPosts
-
i did – but you inspect it with a fire-bug or developer tools – but these list-points are greyed out because they are on display: none !
go and proove your site on W3C Validation site. These “duplicate ID’s” are not mentioned because they are not displayed at the same time.
But – and that is the point i mentioned – if you will make a check mark on menus ( Main Menu and Footer Menu for the same menu) these list points are displayed at the same time – and will cause a duplicate ID Fault.i do not believe that an element that is set to display none counts on that ID Problematic.
If you choose for the main menu the footer-menu option too – then it is something different. – And you an avoid that on creating the same menu with different menu name for the footer.
July 12, 2017 at 12:30 pm in reply to: Color Section Background Video – Un Mute / Activate Sound #819960i made a new edited section.php and it works – but on former version : on inserting an input on video the format ratio and my new field for muting or not were displayed by directly sliding down.
Now with the new Enfold 4.1 i first had to save – than reopen the element and now the new fields are visible. I see no fault in the array i inserted – the required field is set ok so i wonder why the fields didn’t open immediately
array( "name" => __("Mute Video?", 'avia_framework' ), "desc" => __("Uncheck if you want to have audio", 'avia_framework' )."<br/><small>".__("by default it is muted", 'avia_framework' ) ."</small>" , "id" => "video_mute", "required"=> array('video','not',''), "std" => true, "type" => "checkbox"),so now brave new world on Enfold 4.1 with the new oportunity to choose the mobile behavior on so many elements – here is an update to my edited shortcodes – so only necessary if you are using the newest version Enfold 4.1:
Download only for Enfold 4.1 ff
Again – make familiar with child-theme
These files goes to child-theme/shortcodes folder and than put in functions.php of your child-theme :add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths){ $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }-
This reply was modified 8 years, 3 months ago by
Guenni007.
July 7, 2017 at 6:48 pm in reply to: Partner/Logo Element Formatting -SVG- ; Problem with IE 11 #817967try to give them an height definition too! I think this could help ( auto will be ok i believe)
bitte nimms mir nicht übel – aber es wäre schön, wenn Du dir erstmal mit dir selbst einig bist, was du möchtest – heißt wie dein Header aussehen soll, und wie er reagieren soll, wenn geshrinkt wird bzw . auf kleinen Screens aussehen soll.
Momentan sieht der Header wieder ganz anders auf deiner Seite aus, also – gerne steige ich hier wieder ein, wenn es klar ist wo es hingehen soll.
mit dem shrinking header könntest Du auch folgendes machen:
bitte scrollen und oder browserwindow verkleinern
wenn du auf dem mobilen Menu dein Logo haben möchtest setze mal das hier in Quick css ein:
#mobile-advanced { background-image: url("/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png"); background-position: left top; background-repeat: no-repeat; background-size: 10% auto; padding: 15% 0 !important ; }Also – anhand deiner Seite sehe ich ja, dass wir uns wohl auch auf deutsch unterhalten können.
Du musst noch einige Einstellungen verändert haben, was das responsive Verhalten betrifft. Denn wenn du mein Browserfenster verkleinerst, siehst du keinerlei Sprünge bezüglich der Größe.
Das Menu kannst du platzieren wo du willst, links mittig oder rechts. via Quick css – sag wie du es willst. ausserdem hast du in den Enfold Einstellungen wohl die Variante mit den kleinen Separatoren gewählt. – Bei mir jetzt mal nicht – ist Geschmackssache.
Welchen Grund hat es , dass du einmal das eine dann das andere Logo einsetzt? ich sehe keinen Unterschied – ausser dem Größenunterschied !
Weshalb dann auch im Frontend die Logos unterschiedlich groß sind !Du kannst in beide Codes die gleiche Bilddatei setzen
you can see here a page with that construct and your logo (btw i take the one logo twice – i do not see any difference)
https://webers-testseite.de/kokon/pages/meet-the-team/
(btw.: this is with logo left menu below – it is easier to find the css rules for that )so that is the reason why i have to ask you for the deeper sense behind that – only symetrical reasons?
look to the responsive case if you shrink your browser window to something smaller than 500px .
A construct with two different logos with different links like here : https://webers-testseite.de/
the one link goes to root the other to a new site on a blank target. That makes sense.please take my code because it is much easier to handle the positioning of the two images.
Get rid of the code with sub and insert this :function first_logo($logo) { $logo .= '<span class="logo first-logo"><a href="http://www1.dr-preissl.at" >' ; $logo .= '<img src="/wp-content/uploads/2017/06/PRE_Logo_RGB_150_RZ-161x300.png"/>'; $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'first_logo'); function second_logo($logo) { $logo .= '<span class="logo second-logo"><a href="http://www1.dr-preissl.at" >' ; $logo .= '<img src="/wp-content/uploads/2017/06/cropped-PRE_Logo_RGB_150_RZ.png"/>'; $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo');-
This reply was modified 8 years, 4 months ago by
Guenni007.
and did you read my comment on header styling. With a navigation right – where should an extra image positioned on the right ?
i think it is only meaningfull with navigation over or under Logobtw – please tell me the code how you get it in logo container.
hm there must be something going wrong – or you mixed something in addition to my code see your source code:
Click to enlarge images
you see there are some “logos” as child in logo container ( the one of enfold too) and than – i guess from my code an adjacent to logo container.
so please only use one of the methods and than i’ll come back and try to solve the issue.
PS: this is the way my source code looks like with code above:
-
This reply was modified 8 years, 4 months ago by
Guenni007.
July 1, 2017 at 6:52 pm in reply to: Urgent! Tab sections not working and menu not working in other browsers #815393on two sides i have been involved too in this tab-section “bug”
and by the way you can highlight that field by quick css:
#top .avia-datepicker-div td:not(.ui-datepicker-unselectable) a { background-color: #0f0; color: #000; }if you are working with a child theme do this in your functions.php:
function determine_last_friday() { ?> <script type="text/javascript"> function enableLastFriday(date) { var lastDayInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); var isFriday = date.getDay() == 5; var isLastDayOfMonth = date.getDate() > lastDayInMonth - 7; return [isFriday && isLastDayOfMonth, '']; } </script> <?php } add_action('wp_footer', 'determine_last_friday', 10); function only_last_friday() { ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.datepicker.setDefaults({ beforeShowDay: enableLastFriday }); }); </script> <?php } add_action('wp_footer', 'only_last_friday', 20);PPS: i had to splitt that functions- because i don’t want to override the enfold settings to datepicker template
see here in contact form element: https://webers-testseite.de/8-columns/
-
This reply was modified 8 years, 4 months ago by
Guenni007.
if i could see your site i will do my best.
but with menu on left or right (only if it has 1 or 2 listpoints) this will not work. Only with menu down or over the menu it will be meaningful.the first logo is not visible. Did you insert 2 logos this way or do you have the one by enfold options and added another one by this code?
The css above concerns to my advice that you input 2 Graphics this way and ( .logo:first-child img { display: none} ) displayes the enfold-logo not !-
This reply was modified 8 years, 4 months ago by
Guenni007.
it is more or less only functions.php of child-theme and a bit css.
if you like to insert an svg or png/jpg it is a bit different:
/** for svgs only ******/ function first_logo($logo) { $logo .= '<span class="logo first-logo"><a href="path to an url1">' ; $logo .= file_get_contents("/wp-content/uploads/logo1.svg"); $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'first_logo'); /** for the normal case of a png or jpgs ******/ function second_logo($logo) { $logo .= '<span class="logo second-logo"><a href="url2" target="_blank">' ; $logo .= '<img src="/wp-content/uploads/logo2.png"/>'; $logo .= '</a></span>'; return $logo; } add_filter('avf_logo_final_output', 'second_logo');Comment: You see that these images stay a “logo” only a second class (fist-logo, second-logo, etc.) is given to them.
on some reasons it is better to get rid of the logo inserted by enfold options dialog. (z-index, positioning etc.)
if you will place a svg Graphic than a bit more is to be done in quick css!
the width an heights are dependent on your graphics – so you have to play with it.
div .logo { float: none} .logo:first-child img { display: none} .logo img {max-width: 320px} .logo.first-logo {z-index: 3} .logo.second-logo {z-index: 2} .logo.second-logo {width: 100%} .logo.second-logo a {float: right} .logo.first-logo a, .logo.second-logo a {display: inline-block}and in responsive case (play with the 768px concerning to your logo-images) :
@media only screen and (max-width: 768px) { .logo.second-logo a { float: left } .responsive #top .logo { height: auto } .responsive #top .logo:first-child { display: none } }well there is for example the opportunity to insert two images with logo function – each with a different link.
you can see here a Quick solution: https://webers-testseite.de/
not optimized for responsive case : because — sorry no time now.i’m just kidding – it would be nice to have a link – because enfold got so much possibilities to set up the navigation.
One possibility is to goto enfold options dialog – advanced styling – choose “main menu links” and then edit element – there you can edit all concerning to main menu links even the font-family etc.
-
This reply was modified 8 years, 4 months ago by
Guenni007.
so here is my solution – you have to have header with extra-element second-navigation !!!
in this case the second-navigation is empty – but it is declared on Menu as secondary-menu !This to functions.php of child-theme:
add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1); add_filter( 'avia_meta_header', 'avia_append_search_nav_mod'); function avia_append_search_nav_mod() { global $avia_config; ob_start(); get_search_form(); $form = htmlspecialchars(ob_get_clean()) ; $items .= '<div 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> </div>'; echo $items; }this to quick.css:
#top #header_meta #menu-item-search { list-style: outside none none; padding-left: 20px } #top #header_meta .avia-search-tooltip { margin-left: -60px; top: 18px !important; } #top #header_meta .avia-search-tooltip .avia-arrow-wrap { right: 80px; } @media only screen and (max-width: 768px){ .responsive #header_meta .sub_menu { float: right; right: 45%; position: relative; top: 10px; width: auto; } .responsive #header .social_bookmarks { float: right; position: relative; right: 40%; width: auto; } .av_icon_active_right .social_bookmarks { padding-left: 0; } #top #header_meta .avia-search-tooltip { margin-left: 30px; top: 18px !important; } #top #header_meta .avia-search-tooltip .avia-arrow-wrap { right: 170px; } }look here on top: https://webers-testseite.de/
go and pull the browser window smaller to see how the behavior is on that.by the way ismael – isn’t possible to add the list point into the sub-menu ?
try this solution i answered you in the other thread: https://kriesi.at/support/topic/search-in-top-header-2/#post-813057
for very small screens i will have a look now what can be done.
sorry that was an answer to csogordaniel
concerning to ismael – why not taking the zoom icon on top?
This to functions.php of child-theme:add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1); add_filter( 'avia_meta_header', 'avia_append_search_nav_mod'); function avia_append_search_nav_mod() { global $avia_config; ob_start(); get_search_form(); $form = htmlspecialchars(ob_get_clean()) ; $items .= '<div 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> </div>'; echo $items; }this to quick.css:
#top #header_meta #menu-item-search { list-style: outside none none; }look here on top: https://webers-testseite.de/
by the way ismael – isn’t possible to add the list point into the sub-menu ?
June 25, 2017 at 4:14 pm in reply to: Best caching, compression, minify Plugin for WordPress/Enfold? #812705if you havn’t – no please unmark all fields.
here you can see that i have synchronized the contents
please click on the sun of the ajax
https://webers-testseite.de/mino/portfolio/portfolio-ajax/i think the reason for two “content – fields” is:
on the item itself you can be more precise. have additonal sliders etc.
the ajax preview should only give a summary like overview – it is more or less an excerpt of the real content.
What is a bit confusing is that for the example the layout is very similar to that in single-portofolio content.-
This reply was modified 8 years, 4 months ago by
Guenni007.
1) open a portfolio entry !
2) you now see the advanced layout editior of enfold
3) scroll down – there is a window “Additional Portfolio Settings” this is the content ajax Preview shows. – When you right click one of those thumbs and open in new window – than it will go to the real portfolio-item (single post)see film on : https://webers-testseite.de/mino/portfolio-item/lorem-ipsum/
-
This reply was modified 8 years, 3 months ago by
-
AuthorPosts


