Forum Replies Created
-
AuthorPosts
-
if you only have a slideshow – without buttons and without links on the slides – you can have left side image: prev – and right side image : next
only by css:
(the navigation arrows must be selected as navigation controls – but we do not show them).avia-slideshow-arrows.avia-slideshow-controls { height: 100% !important; width: 100% !important; display: block; position: absolute; top: 0; left: 0; } #top .avia-slideshow-arrows a { width: 50% !important; height: 100%; top: 0; margin:0 !important; padding: 0 !important; opacity: 0 !important; } #top .avia-slideshow-arrows a.prev-slide { left: 0; } #top .avia-slideshow-arrows a.next-slide { right: 0; }
if you like to have that arrows – we must have that css in addition:
(and remove the opacity : 0 above)#top .avia-slideshow-arrows a.prev-slide:before { text-align: left; } #top .avia-slideshow-arrows a.next-slide:before { text-align:right; } #top .avia-slideshow-arrows a:before { top: 50%; width: 30px; height: 60px; } #top .avia-slideshow-arrows a.prev-slide:before { left: 20px; padding-left: 20px } #top .avia-slideshow-arrows a.next-slide:before { right: 20px; left: auto; padding-right: 20px }
see css solution in action : https://webers-testseite.de/easy-slider-navigation/
but if you have buttons inside those slides we have to do it via child-theme functions.php:
( without the css above – but without prev next option – but you can use buttons on sliders )function next_slide_on_image_click() { ?> <script type="text/javascript"> window.addEventListener("DOMContentLoaded", function () { (function($){ $('.avia-slide-wrap img').click(function() { $(this).closest('.avia-slideshow').find('.avia-slideshow-arrows a.next-slide').trigger('click'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'next_slide_on_image_click');
the crux is – if you have links on your images – they will interfere with prev – next navigation.
If no links are assigned to the images, then it is possible to have left side prev – right side next.if you got no additional links on the images but buttons inside the slide we can have next slide for image click.
You should be more specific about that. Does it no longer work in general or do you mean on mobile devices?
If you select this option in Enfold under Header- Header behavior, the header is generally set to position: fixed. Based on your nickname, I see on your page that the header is set to position: sticky. Did you set this yourself via quick css?
PS: Quick Css input field is just to place css rules – no script or php snippets. ( functions or add_filter rules etc.)
so remove those non css instructions and that css:
.html_header_top.html_header_sticky #header { position: sticky !important; }
and place functions or filters to the child-theme functions.php. If you do not use child-theme then try one of those plugins to inject snippets.
Unfortunately, I have no experience with such plugins, so I can’t recommend one. Maybe a mod here knows a good one.Next: how did you place the cart icon into the navigation?
November 18, 2024 at 8:16 pm in reply to: Menü für Smarphone zu lang – lässt sich nicht scrollen #1471595und du hast absichtlich das mega-div so gestaltet, daß immer eine neue Zeile aufgemacht wird?
Denn eigentich ist so ein Menu prädestiniert für ein multi-column mega-div.Trotzdem mal so: du weißt besser wie hoch dein Header inclusive Nav und Breadcrumb maximal ist, das sollte dann mindestens unten abgezogen werden:
#header .avia_mega_div { overflow: auto; height: calc(100vh - 200px); width: 400px !important; /*** eventuell auch etwas verbreitern - das gibt dann weniger Umbrüche ***/ }
eventuell verkleinerst Du aber auch noch die Abstände:
#top #header .avia_mega_div > .sub-menu { padding: 10px 15px 10px; }
November 18, 2024 at 8:05 pm in reply to: Page as footer is identified in HTML as main and not as a footer #1471594There in the post Mike linked to – it was about bringing the #footer/#socket to full width.
If this is not your intention, but only the reordering of the DOM, then you can correct the css accordingly.so disregard the css specified there and instead:
@media only screen and (min-width: 990px) { #footer, #socket { width: calc(100% - 300px); left: 300px; } } @media only screen and (min-width: 768px) and (max-width: 989px) { #footer, #socket { width: 73vw; left: 27%; } }
for the rest of the code i had to see a pure installation of header left.
because i have a loto of settings for header on that installation that disturbs the settings here.
f.e.: the mobile header below 768px is fixed etc.on pastebin – this is the already edited footer.php. You can download it there.
If you place it to your child-theme root directory ( just besides style.css, functions.php and screenshot.png) it will automatically work.
you can see the changings because they are commented in that file. i just shifted the closing div of #main to the top.
it seems to work as long as you do not need the curtanin effect footer – with footer-page it works too – see example pages
https://enfold.webers-webdesign.de/enfold-consulting/
or
https://enfold.webers-webdesign.de/enfold-photography-portfolio/on those two pages i aditionally added:
.responsive #top #footer .container, .responsive #top #socket .container, .responsive #top #footer-page .container { max-width: 95vw; }
… see private content
Please read this first : Enfold has understood the footer as part of #main from the very beginning. This means placing the containers within this main. I don’t know if this has any advantages, but many other themes have it as a sibling of header and main. I just skimmed over whether you could change the position with a child theme footer.php; however, I think you would then run into more conflicts than you would solve.
#wrap_all will have then:
- #header
- #main
- #footer
- #socket
see: https://enfold.webers-webdesign.de/enfold-consulting/
I believe that the option for the footer: “sticky with curtain effect” will be difficult to implement.
see footer.php changings (lines 11 and … ) https://pastebin.com/JUyUhwDs
#footer, #socket, #footer-page { z-index: 1000; } #footer-page { position: relative; }
just remove the portfolio from those snippets:
function avf_template_builder_content_postimage_mod($content = ""){ if( is_singular('post') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) ) ) { $featuredImage = get_the_post_thumbnail( $the_id, 'original' ); $content = '<header class="entry-content-header"><div class="page-thumb">' .$featuredImage. '</div></header>' . $content ; } return $content; } add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1); //image-sizes: widget, square, featured, featured_large, extra_large, portfolio, portfolio_small, gallery, magazine, masonry, entry_with_sidebar, entry_without_sidebar, medium, large function custom_post_featured_image_link( $image_link, array $current_post, $size ){ if( is_singular('post') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) ) ) { $image_link = get_the_post_thumbnail( $current_post['the_id'], 'original' ); /**** or medium, square etc. ***/ } return $image_link; // echo $image_link; if you want to get rid of link function } add_filter( 'avf_post_featured_image_link', 'custom_post_featured_image_link', 10, 3 );
November 15, 2024 at 12:13 pm in reply to: Search form AJAX results contains hidden products #1471398by the way : to influence the search query – to include for example attachments you can do :
code snippet removed – because it does not work as expected. – sorry
November 15, 2024 at 11:31 am in reply to: Search form AJAX results contains hidden products #1471396i got an additional solution – even if you like to hide some special posts :
it limits the results to 5 posts – and excludes the post-id’s 68 and 55 but shows only published posts – and with no passwordfunction avia_filter_ajax_search_results( $search_parameters ){ $defaults = array('numberposts' => 5, 'post_type' => array( 'post', 'portfolio', 'page' ), 'post__not_in' => array(68,55), 'post_status' => 'publish', 'post_password' => '', 'suppress_filters' => false); $_REQUEST['s'] = apply_filters( 'get_search_query', $_REQUEST['s']); $search_parameters = array_merge( $defaults, $_REQUEST ); return $search_parameters; } add_filter('avf_ajax_search_query', 'avia_filter_ajax_search_results', 10, 1);
by the way – would it be possible to limit not the whole results to 5 – but for each post_type ?
November 15, 2024 at 11:17 am in reply to: Lightbox: disable click through other images on page #1471395or just set the gallery in ismaels snippet to false:
gallery: { enabled: false},function ava_popup_init() { ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.av-popup-no-nav, .av-popup-no-nav a').magnificPopup({ type: 'image', midClick: true, // Allow opening popup on middle mouse click gallery: { enabled: false}, }); }); </script> <?php } add_action('wp_head', 'ava_popup_init');
or you take – mikes snippet to redeclare these formats – but with setting of crop to false!
( but the solution above is more elegant, and also shows the full resolution )function avf_customization_modify_thumb_size( $size ) { $size['entry_without_sidebar'] = array( 'width' => 845, 'height' => 9999 , 'crop' => false ); $size['entry_with_sidebar'] = array( 'width' => 1210, 'height' => 9999 , 'crop' => false ); return $size; } add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );
the limitation value is not the width value – so you got smaller images. This is as Mike mentioned for the new images only – but if you recalculate the thumbs even the older posts will have that new size (without cropping)
try both inside your child-theme functions.php:
function avf_template_builder_content_postimage_mod($content = ""){ if( is_singular('post') || is_singular('portfolio') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) ) ) { $featuredImage = get_the_post_thumbnail( $the_id, 'original' ); $content = '<header class="entry-content-header"><div class="page-thumb">' .$featuredImage. '</div></header>' . $content ; } return $content; } add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1); //image-sizes: widget, square, featured, featured_large, extra_large, portfolio, portfolio_small, gallery, magazine, masonry, entry_with_sidebar, entry_without_sidebar, medium, large function custom_post_featured_image_link( $image_link, array $current_post, $size ){ if( is_singular('post') || is_singular('portfolio') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) ) ) { $image_link = get_the_post_thumbnail( $current_post['the_id'], 'original' ); /**** or medium, square etc. ***/ } return $image_link; // echo $image_link; if you want to get rid of link function } add_filter( 'avf_post_featured_image_link', 'custom_post_featured_image_link', 10, 3 );
these snippets have that check if on the editor mode – on the right side in the layout box “show/hide featured image on single post”
so they will respect that setting.PS that comment :
echo $image_link; if you want to get rid of link function
. –
Most people don’t like the fact that the featured image in single posts has a link to their own post. I think so too – that’s superfluous
But – removing that link function will move the feature image out of the article container. That means the image is above all – title is beneath.
So it might be better to have that link – and preserve enfold structure – but hamper only the pointer-event on that imageplease do not redefine the images_sizes!
Just wait a little i test my solution first …see post : https://kriesi.at/support/topic/full-image-on-single-post/#post-1471388
by the way dear mods / dev
how to use the filter : avf_allow_wp_hooks_dependency
can i load f.e. avia-snippet-sidebarmenu.js on a single page only?Why? https://enfold.webers-webdesign.de/
Default header is on that installation is header : top; logo: left; menu: rightThis page : https://enfold.webers-webdesign.de/enfold-consulting/ is changed to sidebar menu – by:
function av_change_header_style($header){ if( is_page(45368) ){ $header['header_position'] = "header_left header_sidebar"; $header['header_class'] = " all_colors header_color light_bg_color av_header_left av_header_sidebar av_conditional_sticky av_always_sticky"; } return $header; } add_filter('avf_header_setting_filter','av_change_header_style');
i do not add header classes here – but replace by those of the demo page.
because of conditionally loading of the sidebar-menu script:
$condition = ( isset( $options['header_position'] ) && $options['header_position'] != 'header_top' );
i can not load that script for that page – because the default header_position is top.what can i do to load it anyway?
- This reply was modified 1 month, 1 week ago by Guenni007.
if you are in the edit mode of the page/post you can decide it on the right side inside the layout-box a drop-down:
place that code snippet to your child-theme functions.php:
function register_meta_elements($avf_builder_elements){ $avf_builder_elements[] = array( "slug" => "layout", "name" => __("Menu and Logo Position", 'avia_framework'), "desc" => __("You can choose various different logo and main menu positions here", 'avia_framework'), "id" => "header_layout", "type" => "select", "std" => "", "no_first"=>true, "subtype" => array( __('Logo left, Menu right', 'avia_framework') =>'logo_left main_nav_header menu_right', __('Logo right, Menu Left', 'avia_framework') =>'logo_right main_nav_header menu_left', __('Logo left, Menu below', 'avia_framework') =>'logo_left bottom_nav_header menu_left', __('Logo right, Menu below', 'avia_framework') =>'logo_right bottom_nav_header menu_center', __('Logo center, Menu below', 'avia_framework') =>'logo_center bottom_nav_header menu_right', __('Logo center, Menu above', 'avia_framework') =>'logo_center bottom_nav_header top_nav_header menu_center', )); return $avf_builder_elements; } add_filter('avf_builder_elements', 'register_meta_elements', 10, 1);
but for some options – there had to be additional header classes added. So there had to follow some Postprocessing.
see for example this based on Enfold Parallax: https://enfold.webers-webdesign.de/
under Main Menu “Front Page” click “Enfold Consulting” ;)Well your example page can be done by header transparency and no header transparency.
You find this on theme options – Transparency Options ( switch that to active ) – then you can have a different logo and menu colors.
If you like to get different logo on for each page – you had to follow Mike’s hint.
__________
btw. you even can have different header layouts for each page ;)
see : https://webers-testseite.de/ and switch to impressum.
but I assume you don’t want to implement something like that.maybe it is just the fact that the new WP 6.7 switches back to block editor as standard.
Goto Enfold – Theme Options – Select your Editor : and switch back to classic Editor.or is the problem that you want to use the block editor – but had no enfold elements anymore?
By the way. I can see the button at the top to activate the advanced layout editor – but the active click area is only on the half right. (as if only this part of the standard editor button area is active)
It is that field on the left that overlaps the Enfold button.______________
not necessary:
it starts with ALB editor even in Block Editor Mode if you got this in your child-theme functions.php:function trigger_alb_on_load(){ ?> <script> (function($){ $(window).on('load', function(){ setTimeout(function() { $("#avia-builder-button").trigger('click'); }, 300); }); })(jQuery); </script> <?php } add_action('admin_head-post-new.php', 'trigger_alb_on_load');
it concerns the “how i add value” icons ?
@media only screen and (max-width: 767px) { #top.page-id-289 img[src*=".svg"] { width: 150px; } }
another hint:
i wouldn’t have for each an own color-section.
You can do that all “how i add value” in one color section. To better select the color section give a custom class to it and tell the img to have a specific width.
___________________this is a bit offtopic
because you do not have a script that converts img svgs to inline svgs – the following does not affect you directly. But if you also work with svgs as inline svgs, you have to think about the graphic styles:btw: as inline svg files this would not work – because all these svg files got the same classes inside – but with different declarations!
( new illustrator standard class: cls-index ) so they will disturb each other/***** claritymatters-icons_icon-compelling-story.svg *****/ .cls-1 { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; } .cls-2 { fill: #2ec4ed; } /***** claritymatters-content-roadmap.svg *****/ .cls-1 { fill: #fff; } .cls-2, .cls-3 { fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; } .cls-4 { fill: #2ec4ed; } .cls-3 { stroke-dasharray: 12; }
As a participant as you i can not see private content – may we others see the page it concerns?
declare an absolute Value – for width f.e.: 40px and then your max-width value
November 13, 2024 at 12:56 pm in reply to: Icons showing as a rectangle and squares – tried everything recommended #1471219Which icons are affected? The normal entypo-fontello icons or individually uploaded icon fonts?
i can not help you due to GoDaddy:
We Germans must be pretty naughty boys ;)First : how about your WordPress Version – does it need an update too?
if there is a big difference – a major Update in WordPress too … make a Backup of your Installation – and maybe prepare your theme allready for that newest WP – see: Unfortunately, the theme is no longer set as sticky regarding the adaptation to newer php versions / WordPress versions. But that is not necessary and can be done afterwards
What php Version you are running on your system – there are a few changes that need to be taken into account. Especially the changes from php7.x to php8.x and the implementation of jQuery 3.x …I have never had any problems with WPML updates and Enfold updates. However, I agree with you that plugins that interfere with many areas of a theme always carry update risks.
That’s why I already have a good backup plugin installed for most sites for other reasons. Even the free version of Duplicator is a very good program.
This program creates a complete backup in two files. A zip file with the contents, and an installation file for restoring the backup. Btw. this can also be used for migration.
So if major updates are planned, I create a Duplicator backup beforehand and can then make the updates without losing the status quo.________________
Updating the theme – additionally you can update the theme by ftp upload : https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107
Uploading the new theme takes a little time; if all goes well, the page will only be offline for the small amount of time that it will be renamed. You have the old installation as fallback. (there is no overwriting of the old theme)
Update via ftp.
- download installable newest Enfold : unzip the file – you will have an enfold folder now
- Rename that downloaded newest version to enfold-new
- Upload that enfold-new folder to the themes folder
- Rename your (existing) enfold folder to f.e. enfold-old / in your ftp client (f.e. filezilla)
- Rename your enfold-new folder to enfold / again: in your ftp client (f.e. filezilla)
- Go to dashboard – enfold(-child) – and refresh your merged/cached files on performance tab
- Check if all your theme and existing settings work to your full satisfaction.
- Yes – then stop here
- No – delete or rename back the enfold folder back to enfold-new
- rename the enfold-old folder back to enfold
maybe the advanced opitons ( to activate on cookie handling – show advanced options – read here: https://kriesi.at/documentation/enfold/privacy-cookies/#additional-custom-cookies
November 11, 2024 at 3:10 pm in reply to: Accordeon opening results in jumping all the way up. #1471092there is a lot of inline code to handle the toggler ? why?
For my part, I find it confusing that the open toggle moves to the top. For example, I have a plugin, pageScroll2ID, which unfortunately wanted to do the same thing. Fortunately, I was able to exclude the toggles from that behavior.
im “lang” Ordner.
hier in der Docu – kannst du sehen, wie man child-theme lang files hinterlegt.
https://kriesi.at/documentation/enfold/translation/#child-theme-translationsman kann die Kopien – hier nimmt man zunächst die po-Dateien mit poedit bearbeiten. Beim Abspeichern wird zusätzlich die mo-datei generiert ( ist denke ich standardmäßig in poedit so eingestellt ) beide Dateien müssen hochgeladen werden.
sorry:
function my_text_strings( $translated_text, $text, $domain ){ switch ( $translated_text ){ case 'Suchergebnis nicht zufriedenstellend? Versuche es mal mit einem Wort oder einer anderen Schreibweise' : $translated_text = __( 'Versuche es mit einem anderen Suchbegriff', $domain ); break; } return $translated_text; } add_filter('gettext', 'my_text_strings', 20, 3);
try instead:
@media only screen and (min-width: 990px) { #top .main_menu { width: 100%; } #top div .logo { z-index: 101; } #top nav .social_bookmarks { float: right; } #top .avia-menu.av-main-nav-wrap.av_menu_icon_beside { left: 50%; transform: translateX(-50%); margin: 0; padding: 0; } }
-
AuthorPosts