Forum Replies Created
-
AuthorPosts
-
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, 8 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, 8 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, 8 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, 8 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, 9 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, 9 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/
aha – on your portfolio item itself – open one please.
down under the editior of the content! there is a field (normaly it is there – if not look to window top right corner “screen options” mark the field “Additonal Portfolio Settings”) In this field under the content field – that is the content shown on Ajax Preview ! And not the content of the item itself.
see film under the portfolio : https://webers-testseite.de/mino/portfolio/portfolio-ajax/
And i can not confirm this behavior – so that is the reason why i do not see your problem
i have on right click open on the thumbnails the link to the portfolio-item itself.
On the right click open on the image above the thumbnails i have new tab with the featured image.so in my browsers (Firefox, Chorme, Opera, Safari, Safari Technology Preview ) on OSX Sierra – there is no problem with that.
i thought you would like to have that as a click option as well. So your right click open does not work ( but the click works?) –
here is the download again – description above – on how you use shortcodes on child-theme:
btw: i can not edit the thread above ? will be good to have the new link there too!
please delete your code and try this one:
.av-hotspot-container .av-image-hotspot_inner { border-radius: 0 !important; } .av-hotspot-container .av-image-hotspot-pulse { border-radius: 0 !important; } .responsive .av-image-hotspot { font-size: 14px; height: 30px; line-height: 29px; width: 30px; } .responsive .av-image-hotspot-pulse { height: 60px; left: -15px; top: -15px; width: 60px; }i increased the size of the font a bit – if you don’t like it try with your font-size.
vertical-centering you can achieve via line-height parameter.what kind of advantage do you inspect if you choose fixed size?
and how did you insert the advanced layerslider. The source code is a bit complicated in comparison to place a advanced layout slider alb element?
if you are on one slide did you center the background images there?
Edit : ah i see you inserted the layerslider via codeblock and shortcode. But this is not necessary on fullwidth mode ( if you want to place it in a 1/2 container – yes you can do that.
if you normaly click on the thumbnails down the ajax portfolio grid – the ajax opens a preview of the portfolio item above – hovering that bigger image shows you an overlay effect and on click that image you receive a lightbox of the featured image.
you can suppress that easily – but to have a different link on that ( imaginable was a link to the portfolio-item itself) will be more complicated.-
This reply was modified 8 years, 9 months ago by
Guenni007.
not to functions.php of parent theme but to child-theme.
Please my first advice on using WordPress is to go with child-themes.All snippets here on board and documentation of enfold will work with child-theme functions.php.
Get familiar with that: Link you can download on documentation page a predefined child-theme. So it is much easer as it seems to be
-
This reply was modified 8 years, 8 months ago by
-
AuthorPosts


