Forum Replies Created
-
AuthorPosts
-
is there a link to your site?
Or better make a screenshot of the layout you have. From the frontend screenshot we could not see if the content inside the grid-cells is in one container or more than one container etc.Yes mike – but this is half the solution it could be.
Better would be :maybe it is possible for a mod to change the code for a more global use, in the sense that only pages without transparent logo will have this filter.
hm – my coding abilities are not good enought to check in a filter function if a page/post is a transparency page.
i see that line on enfold-functions.php :$transparency = post_password_required() ? false : get_post_meta( $post_id, 'header_transparency', true );
but can’t get it to run for all non transparency pages/posts
what i got so far for my example page is:
function an_alternative_logo( $sub ) { if (is_page(2879) ) { $sub .= '<img class="alternative-logo" src="path_to_your_alternative_logo" alt="alternativ Logo" />'; } return $sub; } add_filter( 'avf_logo_subtext', 'an_alternative_logo' ); function replace_alternative_svg_logo_with_inline_code() { if (is_page(2879) ) { ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { (function($){ $( ".avia-img-svg-logo-sub img" ).remove(); $.get('path_to_your_alternative_svg_logo', function(svg){ $( ".avia-img-svg-logo-sub" ).html( svg ); }, 'text'); })(jQuery); }); </script> <?php } } add_action('wp_footer', 'replace_alternative_svg_logo_with_inline_code');
and for quick css:
#top.page-id-2879 .alternative-logo { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease } #top.page-id-2879 .header-scrolled .alternative-logo { opacity: 1; } #top.page-id-2879 .header-scrolled .av-contains-svg > svg, #top.page-id-2879 .header-scrolled .av-contains-svg > img { opacity: 0; transition: opacity 0.5s ease } #top.page-id-2879 .subtext.avia-img-svg-logo-sub > svg { position: absolute; top: 0; left: 0; } #top.page-id-2879 :not(.header-scrolled) .subtext.avia-img-svg-logo-sub > svg { opacity: 0; transition: opacity 0.5s ease } #top.page-id-2879 .header-scrolled .subtext.avia-img-svg-logo-sub > svg { opacity: 1; transition: opacity 0.5s ease }
maybe it is possible for a mod to change the code for a more global use, in the sense that only pages without transparent logo will have this filter.
do you need inline svg for that alternative logo – or is a img src ok?
see: https://webers-web.info/impressum/the trick will be to insert another subtext logo. But this logo is not in dependency to av_header_transparency but to header-scrolled class.
Edit: just a moment – i had to optimize the codes
what kind of mime type are your logos? png / jpg / svg ?
on that pininfarina page? which button should i press? Or is there an enfold page to see in private content?
see buttons on my color-section: https://basis.webers-testseite.de/home4/https://basis.webers-testseite.de/home4/
it is a color-section with min-height at 100% – with background-video and selfhosted video
on mobile i checked to not show the video but the inserted background-image due to performance reasons.you want only an image – or a slideshow as body background?
A fullscreen image is easy to have ( if you have on general Layout a boxed or fixed frame layout) – on enfold options: general styling : “body background”
You have all those options to insert even a seamless background-image and have background-repeat etc.
It is then simply implemented by means of a newly created extra container: bg_container..bg_container { background-image: url(/wp-content/uploads/…); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; }
this is the fixed version – but you can have different options.
see on css-tricks: https://css-tricks.com/perfect-full-page-background-image/June 1, 2023 at 8:33 pm in reply to: display entries from custom taxonomy alphabetically in blog posts element #1409319you can find on docu some info on how to influence the orderby options:
https://kriesi.at/documentation/enfold/blog-post/#toggle-id-25But: this only allows you to orderby Title ( alphabetically).
what do you mean by tags in your description – you set some post tags on post edit – then we had to find a different solution on that.____________
if you use that : “How to add an order/orderby option to the blog/post slider/portfolio/masonry grid element”
in your child-theme functions.phpif(!function_exists('avia_custom_query_extension')){ function avia_custom_query_extension($query, $params){ global $avia_config; if(!empty($avia_config['avia_custom_query_options']['order'])){ $query['order'] = $avia_config['avia_custom_query_options']['order']; } if(!empty($avia_config['avia_custom_query_options']['orderby'])){ $query['orderby'] = $avia_config['avia_custom_query_options']['orderby']; } unset($avia_config['avia_custom_query_options']); return $query; } add_filter('avia_masonry_entries_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_post_grid_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_post_slide_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_blog_post_query', 'avia_custom_query_extension', 10, 2); add_filter('avf_magazine_entries_query', 'avia_custom_query_extension', 10, 2); function avia_custom_query_options($elements){ $allowed_elements = array('av_blog','av_masonry_entries','av_postslider','av_portfolio','av_magazine'); if(isset($_POST['params']['allowed']) && in_array($_POST['params']['allowed'], $allowed_elements)){ $elements[] = array( "name" => __("Custom Query Orderby",'avia_framework' ), "desc" => __("Set a custom query orderby value",'avia_framework' ), "id" => "orderby", "type" => "select", "std" => "", "subtype" => array( __('Default Order', 'avia_framework' ) =>'', __('Title', 'avia_framework' ) =>'title', __('Random', 'avia_framework' ) =>'rand', __('Date', 'avia_framework' ) =>'date', __('Author', 'avia_framework' ) =>'author', __('Name (Post Slug)', 'avia_framework' ) =>'name', __('Modified', 'avia_framework' ) =>'modified', __('Comment Count', 'avia_framework' ) =>'comment_count', __('Page Order', 'avia_framework' ) =>'menu_order') ); $elements[] = array( "name" => __("Custom Query Order",'avia_framework' ), "desc" => __("Set a custom query order",'avia_framework' ), "id" => "order", "type" => "select", "std" => "", "subtype" => array( __('Default Order', 'avia_framework' ) =>'', __('Ascending Order', 'avia_framework' ) =>'ASC', __('Descending Order', 'avia_framework' ) =>'DESC')); } return $elements; } add_filter('avf_template_builder_shortcode_elements','avia_custom_query_options', 10, 1); function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename){ global $avia_config; if(empty($avia_config['avia_custom_query_options'])) $avia_config['avia_custom_query_options'] = array(); if(!empty($atts['order'])){ $avia_config['avia_custom_query_options']['order'] = $atts['order']; } if(!empty($atts['orderby'])){ $avia_config['avia_custom_query_options']['orderby'] = $atts['orderby']; } return $meta; } add_filter('avf_template_builder_shortcode_meta', 'avia_custom_query_add_query_params_to_config', 10, 4); }
The problem on that is that enfold organizes the entries (artikles) on a grid layout by column setting.
See here example page of enfold grid layout blog: https://kriesi.at/themes/enfold-2017/blog/blog-default/
if you take a look on developer tools you see that on a 3column grid groups of 3 entries are build to have that layout:
in a three-column grid layout, 3 entries each have their own wrapperso if you have the chance to handle the whole grid as one wrapper and have some media queries to style them you had to bring all entries to one wrapper
put this to your child-theme functions.phpfunction wrap_articles_in_one_flex_container(){ ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { (function($) { $('.avia-content-slider-inner .slide-entry-wrap .slide-entry').each( function() { $(this).detach().appendTo('.avia-content-slider-inner .slide-entry-wrap:first'); }); $('.avia-content-slider-inner .slide-entry-wrap:empty').remove(); })(jQuery); }); </script> <?php } add_action('wp_footer', 'wrap_articles_in_one_flex_container');
And then style that one wrapper f.e. with flexbox layout on quick css:
#top .avia-content-slider .slide-entry-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; } #top.blog .slide-entry::before, #top.blog .slide-entry::after { display: none; } #top .avia-content-slider .slide-entry-wrap .slide-entry { flex: 0 1 calc(33% - 30px) ; margin: 0px 15px 30px !important; width: unset !important; padding: 0px !important; } @media only screen and (max-width:989px) { #top .avia-content-slider .slide-entry-wrap .slide-entry { flex: 0 1 calc(50% - 30px); margin: 0px 15px 30px !important; } } @media only screen and (max-width:767px) { #top .avia-content-slider .slide-entry-wrap .slide-entry { flex: 0 1 100%; margin-bottom: 30px !important; } }
see here : https://webers-testseite.de/blog/
One thing to mention: a paginated blog will not work correctly that way – because the amount of entries each page will not be influenced.
PS: On the example page of enfold there is an audio entry – and on this one the width calculation does not work because of a setting by Enfold. On this page it would be necessary to set the width:
#top .avia-content-slider .slide-entry-wrap .slide-entry .mejs-container { min-width: unset !important; width: unset !important; }
Yes on mobile devices – it is ok – but click on hamburger on desktop browsers! ( screens bigger than 768px)
your header – there must be some css mismatch.
Because click on your hamburger!Now: see f.e. that page and its curtain effect footer: https://enfold.webers-webdesign.de/
The content of that footer will end on small screens ( all columns are beneath each other ) at a height of 1176px.
So even if i could set that option when curtain effect footer goes to scroll to 100% ( only 90% option is available ) there will be no space to show all the content on f.e. an iPhone 11 ( screen-height is : 812px) – so if that footer stays on fixed position there will be 364px that could not be seen.
The only way to see the whole footer content is then to set position to relative and scroll with the content !if we are talking about your homepage ( link on your nick) The footer is still fixed on my mobile devices.
but for mobile devices with less than 736px ( iPhone 6,7,8) it will scroll – because:
your footer height will be on that screenwidth of 375px : 535px and this is nearby 80% of available screen-height. That is the reason why i give you the snippet to enlarge the allowed footer height to set to 90%.
In this case your footer will be even fixed on Mobiles with 736px screen
if you got iPhone 5 it is 568px available – no chance even on 90% to have a fixed footer with curtain effect.just to mention for that blurry effect:
backdrop-filter: https://caniuse.com/css-backdrop-filter
See comment 2 on that for iOS devices like iPhone : Currently only supported with the -webkit- prefix
so do not forget to add to ismaels code that rule!#top #header .header_bg { background-color: rgba(20, 21, 23, 0.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } #top #header.av_header_transparency .header_bg { -webkit-backdrop-filter: none; backdrop-filter: none; }
next answer will have some thoughts on your curtain effect …
so look again to the example page: https://webers-web.info/
This is default behavior on transparency pages – showing first the logo (from options : header – transprency options – transparency logo) after shrinking finished the default logo is shown.
And that is what you like to have on all pages – even those with header option : not transprency.
But that’s what it sounds to me when it’s said: different logos on scroll ( means during the scroll ).
if you want to show logo A only when loading the page – and while scrolling to the end of the shrunk header. After reaching the shrunk height of the header, logo B should be visible.
This is analogous to the transparency header – but now with the same behavior on all pages.It would be best if we could see your logos to get an idea of what we have to work with.
Your topic of that is the way i understand – different logo during scrolling – stop scrolling default logo:
the method used for your aim depends on the logos you like to use.
E.g. – Logo a and logo b are only colored differently (change of font color – change of branding color etc.). I would try to realize it by an svg logo just switching the fill colors by scroll event.
Etc.F.e. two logo variants are by same dimensions. Insert your logo as usual – and set on quick css the other logo as background-image.
on my example page these are svg files – but png or jpg is also a possibility..av-contains-svg.invisible { background-image: url(/wp-content/uploads/icon807.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; } .av-contains-svg.invisible svg { opacity: 0; transition: opacity 1s ease-in-out }
the jQuery function now on child-theme functions.php:
function invisible_on_scrolling() { ?> <script type="text/javascript"> (function($){ let timeout; let $targetOnScroll = $('.av-contains-svg'); $(document).on("scroll", () => { $targetOnScroll.addClass("invisible"); clearTimeout(timeout); timeout = setTimeout(() => $targetOnScroll.removeClass('invisible'), 200); }); })(jQuery); </script> <?php } add_action('wp_footer', 'invisible_on_scrolling');
see: https://webers-web.info/datenschutz/
Or: do you like to have different logo during shrink – after shrink finished – default logo
can you link to my post that you are referring to?May 29, 2023 at 8:50 am in reply to: Display posts that are assigned to category1 AND category2 #1408916Thank you – this works wonderfully – however as you already write not for Gridlayout.
And especially in this context a grid layout would be exactly what is often desired.
So maybe Günter can find in future releases the option to have :
( and on all other elements that have the option to choose Which Entries are displayed? – Select which entries should be displayed by selecting a taxonomy )
A mod would have to give you guidance in this case – because as a participant, as you are, I do not see the private content area.
Or you post the code and replace only personalized information in this code (IDs or similar) – so it can’t be misused.
i do not know anything about your code provided by your third party service ( even if it is a javascript code – if it is only a style then we had to do it a different way )
but if it is a script code- then that code replaces the line:
// replace that line here by your script code
– so it is between the script tagssorry for misunderstanding the goal.
see: https://webers-testseite.de/sticky-sidebar/
see usage in a real environment: https://clean.webers-testseite.de/datenschutz/
______
or for sticky elements : https://webers-testseite.de/sticky-elements/yes – if you go to : https://webers-testseite.de/blog-seite/
and try to open that post with title: “font usage” the link and the image goes to the external link set in a post with postformat: link.
If that link is a pdf it will directly open that pdf etc.On postslider we got ( line 860) :
if( $format == 'link' ) { $current_post = array(); $current_post['content'] = $entry->post_content; $current_post['title'] = avia_wp_get_the_title( $entry ); if( function_exists( 'avia_link_content_filter' ) ) { $current_post = avia_link_content_filter( $current_post ); } $link = $current_post['url']; }
and for each postformat we got this new
$link
definition.maybe that is possible with the widgets too! To have a decision where the link of a list will go to – depending on the source postformat.
And by the way for the latest post widget we got it as class on the li Element: (post-format-link, etc. …)May 28, 2023 at 12:06 pm in reply to: Wo änder ich diesen Titel? Das letzte Kommentar muss genehmigt werden. #1408855in the lang files of formal : de_DE_formal.po it is correct : “Der letzte Kommentar muss genehmigt werden.”
( i.e. when using the formal form of address “SIE” )and indeed on the informal de_DE.po it is incorrect: “Das letzte Kommentar muss genehmigt werden.”
So you can either switch to the formal Version of the lang file ( on dashboard – settings – site language )
Or you can edit that lang file ( using poedit ) and have your own child-theme langfile for that:
(edited Versions of both files .po and .mo files to upload in subfolder of your child-theme: lang )function overwrite_language_file_child_theme() { $lang = get_stylesheet_directory().'/lang'; return $lang; } add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');
or – quick and relative dirty way:
( in child-theme functions.php )function my_text_strings( $translated_text, $text, $domain ){ switch ( $translated_text ){ case 'The last comment needs to be approved.' : $translated_text = __( 'Der letzte Kommentar muss genehmigt werden.', $domain ); break; // case 'Das letzte Kommentar muss genehmigt werden.' : $translated_text = __( 'Der letzte Kommentar muss genehmigt werden.', $domain ); break; } return $translated_text; } add_filter('gettext', 'my_text_strings', 20, 3);
( if first case does not work uncomment the second case in that code and remove the first case )
or use a plugin to correct that wrong translation
May 28, 2023 at 8:18 am in reply to: Wo änder ich diesen Titel? Das letzte Kommentar muss genehmigt werden. #1408844you are on Enfold 5.3.1.1 – especially with the translations, something changes quite often. That’s why I can no longer find this string in the lang files of 5.6.2.
On Swiss wordpress the lang files are pulled from lang folder: de_CH.po (de_CH.mo)
if you use the german version – be carefully that there is a formal and an informal lang file ( for “Sie” and “Du” usage )by the way: Users ( not logged in users ) see:
“Dein Kommentar muss noch vom Moderator freigeschaltet werden”
so i guess what you are seeing is the hint for the mods/admins.Ich testete gerade das auf deiner Seite – bitte lösche also diesen Test Kommentar
although I think that it is not generally to set, because you often want to add explanatory / introductory words to the external links (videos, audios …). And therefore a call to the post makes sense.
but wouldn’t only a change in the loop-index.php be necessary?
Within a blog, the$pf_link
is also checked for post-format, so that here directly from the blog the link does not go to the post but to the link.
so set the link for : ($post_format !== 'standard'
) to the postformat link ($pf_link
) in general ?I just edited my reply when you inserted your return reply. The snippet above would then be sufficient – and the plugin would thus be superfluous.
But i do not know anything about your script – so it might be adjusted as said above. -
AuthorPosts