Forum Replies Created
-
AuthorPosts
-
First – these posts/portfolio had to build with standard editor! ??
If i use alb the navigation is gone – by that method!see here in action: https://webers-testseite.de/elegant/2019/06/11/neuer-post/
i changed a bit ismaels css code to only:
#top .custom-post-nav { clear: both; margin-bottom: 140px; } #top .avia-post-nav { position: absolute; margin-top: 60px; }
the rest comes from default settings.
footer.php: https://pastebin.com/dl/NRAyDTZH
single.php: https://pastebin.com/dl/FiAHHdsS
single-portfolio.php: https://pastebin.com/dl/dLjvqBgthow to have post-navigation on alb posts/portfolios?
on enfold (child) – Blog Layout – you got this: “Single Post Navigation”
if you only want to remove it :
Select to disable or enable the post navigation that links to the next/previous post on single entries. Setting is also used for portfolio. Use filter avf_post_nav_settings to customize.
you’re not being forced to use a container. But if you only want to have that table a bit wider than the other content – you can set max-width for that color-section to a different value and use it with 1/1 container.
because i think a full-width content will not look nice – maybe you give to that ID ( give a unique custom-ID to the color-section) :
f.e. your default is 1310px and maybe for that section:.responsive #custom-ID .container { max-width: 1810px; }
you can use relative values too like 80vw ( screen-width)
maybe this function can help you – but after that you had to regenerate image files – there are a lot of those tools – i guess the force regenerate thumbnails is the one which removes unneeded files too.
the first function is for not to use a srcset for images// remove "responsive images" functionality in WP 4.4 and higher add_filter('wp_get_attachment_image_attributes', function($attr) { if (isset($attr['sizes'])) unset($attr['sizes']); if (isset($attr['srcset'])) unset($attr['srcset']); return $attr; }, PHP_INT_MAX); add_filter('wp_calculate_image_sizes', '__return_false', PHP_INT_MAX); add_filter('wp_calculate_image_srcset', '__return_false', PHP_INT_MAX); remove_filter('the_content', 'wp_make_content_images_responsive'); // Disable loads of Enfold & WP image sizes upon upload // do image sizes manually, double-size with high compression for retina screens // use Photoshop to set exact double size and quality between Q30 and Q40 add_action('init', 'remove_enfold_image_sizes'); function remove_enfold_image_sizes() { // do NOT remove widget size, is used in backend portfolio items! // remove_image_size('widget'); remove_image_size('square'); remove_image_size('featured'); remove_image_size('featured_large'); remove_image_size('portfolio'); remove_image_size('portfolio_small'); remove_image_size('gallery'); remove_image_size('magazine'); remove_image_size('masonry'); remove_image_size('entry_without_sidebar'); remove_image_size('entry_with_sidebar'); remove_image_size('shop_thumbnail'); remove_image_size('shop_catalog'); remove_image_size('shop_single'); remove_image_size('shop_gallery_thumbnail'); } // Remove unneeded WP image sizes add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' ); // Remove default image sizes here. function prefix_remove_default_images( $sizes ) { // do NOT remove small and medium sizes, they are used in backend Media Library! // unset( $sizes['small']); // 150px // unset( $sizes['medium']); // 300px unset( $sizes['large']); // 1024px unset( $sizes['medium_large']); // 768px return $sizes; }
test it on a testinstallation. I tested it on a wordpress playground with enfold installation without any conflict.
All Credits goes to: https://kriesi.at/support/topic/responsive-content-images-retina-screens/#post-1077293the fuctionality is that these buttons slide out on hovering – so how do you think they would react if you got them at the bottom of the screen.
And what do you mean by “the buttons are out of sight” – if you have the browser on fullscreen, the buttons are at the edge of the screen.
The edges are only not visible if you force the browser left and right wider than the screen width.
In this case, however, content and possibly the navigation and logo should already be outside too.Can you post here a link to that site?
look to functions.php of your enfold theme (parent) around line 148ff
here without the comments in it:$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); $avia_config['imgSize']['entry_without_sidebar'] = array('width'=>1210, 'height'=>423 ); $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);
filter avf_modify_thumb_size – how to use it ?
e.g:function custom_modified_thumb_sizes( $size ){ $size['square'] = array('width'=>300, 'height'=>300 ); return $size; } add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1 );
guess #farbe is the unique id for that section?
.page-id-502 #farbe { background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet) !important; height: 2px !important; min-height: 0 }
maybe an !important is necessary too
every .avia-section got a minimum-height of 100pxis there a link to see and to examine?
June 10, 2019 at 8:16 am in reply to: trying to change the small separator color when scrolled… #1108761i really don’t know why your code is not working.
the rule which sets the border-color is:.header_color span { border-color: #fff }
aha : now i see our fault: the “av_seperator_small_border” is also a class on header and it is between header_color and header-scrolled
.header_color.av_seperator_small_border.header-scrolled .av-main-nav > li > a > span { border-color: #fff !important; }
will do it –
be carefull – just copy paste it all classes are on #header so there is no space inbetween:
.header_color.av_seperator_small_border.header-scrolled-
This reply was modified 6 years ago by
Guenni007.
Mainly it will be that way that you want to set the link from a portfolio page ( or product page ).
As all portfolio pages, have the standard path: domain/portfolio-item/portfolio-name – why add a manual path? Why not directly transfer the portfolio name?But of course – unfortunately the unpredictable difficulty with the entries set in the head area arose, so that an adapted copy of the function “avia_header_html_custom_height” became necessary.
then it is only possible to have that whole function from functions-enfold.php in the child-theme functions.php
to avoid that inline setting in head section for line-height and multiliner menu-items:if(!function_exists('avia_header_html_custom_height')) { function avia_header_html_custom_height() { $settings = avia_header_setting(); if($settings['header_size'] == "custom") { $modifier = 0; $size = $settings['header_custom_size']; $bottom_bar = $settings['bottom_menu'] == true ? 52 : 0; $top_bar = $settings['header_topbar'] == true ? 30 : 0; if(!empty($settings['header_style']) && "minimal_header" == $settings['header_style'] ){ $modifier = 2;} $html = ""; $html .= "\n<style type='text/css' media='screen'>\n"; $html .= " #top #header_main > .container, #top #header_main > .container .main_menu .av-main-nav > li:not(.multiliner) > a,"; $html .= " #top #header_main #menu-item-shop .cart_dropdown_link{ height:{$size}px; line-height: {$size}px; }\n"; $html .= " #top #header_main > .container .main_menu .av-main-nav > li.multiliner > a{ height:{$size}px; }\n"; $html .= " .html_top_nav_header .av-logo-container{ height:{$size}px; }\n"; $html .= " .html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:".((int)$size + $bottom_bar + $top_bar - $modifier)."px; } \n"; $html .= "</style>\n"; echo $html; } } add_action('wp_head', 'avia_header_html_custom_height'); }
the reason for that function even in the original is that a start-point is set. So for multiliner it would be also a good idea to have that beginning line-height
and padding-top. f.e. in quick css:f.e.
#avia-menu .multiliner > a { line-height: 24px; padding-top: 63px }
one thing i can not understand – maybe a mod could tell me why.
even if i have the lines to :it jumps first to the line-height (newH +px) on even those multiliner menu-items
_________
Edit – that is sad – Enfold sets that first calculated line-height as inline style to the head section – thats the reason for the “jump” to the new calculated values.
by the way – if you like to make this with shrinking header there is a way to do it. But if you’re already overwhelmed with this solution, I’d rather not describe it here.
it would be best to have a live site link. Give advice from a screenshot only is hard to do.
btw. i do not see any mega menu on that example page : https://www.thermocon-coldchain.com-
This reply was modified 6 years, 1 month ago by
Guenni007.
“Natur als Brückenschlag” and you’ll see the dots are not sitting on the u.
Well Word f.e. seems to use “combining diacritical marks” :
u and ̈
are shiftet together to an ü
see what happens with a copy pasted ü from word in a “real” text editor erasing one letter after the other (6letters here)- it looks like an ü – but isn’t:
https://webers-testseite.de/diaresis.mp4copy/pasting texts from word will sometimes end in this looking then:
u ̈
try the paste as text field in text-editor
oder du setzt den Link manuell auf : #
dann hast du dass Look & Feel eines Buttons ohne das wegnavigiert wird.
Ausserdem bleiben auch die Hover Effekte erhalten.my code for that to add to all external links is for child-theme funtions.php:
add_action('wp_footer', 'open_external_links_in_newtab'); function open_external_links_in_newtab(){ ?> <script type="text/javascript"> (function($) { var url = window.location.origin; $('a').not('a[href*="'+url+'"], a[href*="mailto:"], a[href*="#"], a[href*="tel:"], a[href*="javascript:;"] ').attr({ 'target':'_blank', 'rel': 'nofollow noreferrer', }) })(jQuery); </script> <?php }
the javascript is excluded because im obfuscating e-mail adresses via javascript encryption
June 5, 2019 at 10:50 pm in reply to: Date picker in contact form – Date span instead of single date #1107759and
Is it possible to choose a span of dates when using the date picker in a contact form as opposed to just choosing one day? For instance booking a rental between a span of days instead a single day. Let me know when you get a minute. Thanks!
just place two datepicker fields beside each other one is the from the other to field
Sad : the topic is closed.
i tried to have a from to datepicker – and i want to have the value of the from field is the minDate of the to field.
I got this working – but it destroyes the styling of the datepicker – i don’t know why ?
(if the inputfields are in that position 6 and 7)function my_datepicker_defaults() { ?> <script type="text/javascript"> (function($) { $(document).ready(function(){ $('#avia_6_1').datepicker({onSelect: function(selectedDate) { $('#avia_7_1').datepicker('option', 'minDate', selectedDate); setTimeout(function() { $('#avia_7_1').focus(); }, 0); }}); $('#avia_7_1').datepicker({onSelect: function(selectedDate) { $('#avia_6_1').datepicker('option', 'maxDate', selectedDate); }}); }); })(jQuery); </script> <?php } add_action('wp_footer', 'my_datepicker_defaults', 10);
you have to give a rule for the logo img too.
f.e.
.logo img { height: 133% !important; max-height: 200px !important; }
where does the additional code come from in your site?
those additional classes ( f.e. on alternate logo: _3c ) etc – there is an event on logo too? this is not enfold stuff – so i guess it is concerning to a plugin.
And this will be in conflict with the snippet.Or it had to be refreshed the whole cache and f.e. the caching of that plugin.
I see in your source: “Cached with Swift Performance”June 5, 2019 at 11:19 am in reply to: Date picker in contact form – Date span instead of single date #1107480by the way if you like to show datepicker without weekends:
place this to quick css:.ui-datepicker-week-end { display:none }
June 5, 2019 at 11:02 am in reply to: Date picker in contact form – Date span instead of single date #1107474if you don’t want to exclude dates this will be enough:
function my_datepicker_defaults() { ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.datepicker.setDefaults({ minDate: new Date('2018/12/01'), maxDate: new Date('2019/12/31') }); }); </script> <?php } add_action('wp_footer', 'my_datepicker_defaults', 20);
you can have relative dates by:
minDate: 0, maxDate: "+12m"
means from today til +12month
June 5, 2019 at 11:00 am in reply to: Date picker in contact form – Date span instead of single date #1107473you can reach it via child-theme functions.php.
i use it in combination with exclude dates.
If so these have to be before min-date / max-date setting:be carefull – do not exclude the dates with 01 for January etc – just 1
function exclude_datepicker_dates() { ?> <script type="text/javascript"> var unavailableDates = ["2019/1/15" , "2019/12/25"]; function unavailable(date) { ymd = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate(); if (jQuery.inArray(ymd, unavailableDates) == -1) { return [true, ""]; } else { return [false, "", "Unavailable"]; } } </script> <?php } add_action('wp_footer', 'exclude_datepicker_dates', 10); function my_datepicker_defaults() { ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.datepicker.setDefaults({ beforeShowDay: unavailable, minDate: new Date('2018/12/01'), maxDate: new Date('2019/12/31') }); }); </script> <?php } add_action('wp_footer', 'my_datepicker_defaults', 20);
That is realy nice – and it could be tranfered easily to cf7 aswell.
But : is it possible not to have a manually setting but to insert directly the portfolio name from that url where it comes from.
All Portfolios have on my setting the syntax of: domain-name/portfolio-item/portfolio_name/ok – i’m out now. Sorry
Well i do not see any tooltip on firefox. The first image has one title tag. so on hovering it there is no tooltip.
Chrome did it too – only safari after a few seconds – allthough the title tag is empty – it shows a tooltip – do not know why.please see here: https://kriesi.at/support/topic/lightbox-displaying-alt-tag-below-image/#post-1107250
your event listener is on the container not the img – just copy paste this from the link !!!
i can see in your source code the the event is still on the container above the img.
it has to be on the img like in the code : https://kriesi.at/support/topic/lightbox-displaying-alt-tag-below-image/#post-1107250
-
This reply was modified 6 years ago by
-
AuthorPosts