Forum Replies Created
-
AuthorPosts
-
just a little question – did you activate the advanced layout builder for your custom post type – via filter: avf_alb_supported_post_types ?
and is it a CPT or do we have here a custom template – based on archive ?May 4, 2023 at 3:57 pm in reply to: Accordion – do not close previous tab when opening new one #1406454so what was the reason to use the grid-row element? – because that is exactly the point – it is a full-width element on default
if i like to use the grid-row element as a container for other elements and have not a full-width setting. i use a littel snippet for child-theme functions.php.
And i use it with a custom-class on grid-row ( here in my case: grid-notfull )function grid_layout_notfull(){ $responsive_size = avia_get_option('responsive_size'); ?> <script> (function($){ $('.av-layout-grid-container.grid-notfull' ).each(function() { var notfullID = $(this).attr('id'); $(this).hasClass('main_color') ? $(this).wrap('<div class="main_color notfullsize '+notfullID+'"></div>') : ''; $(this).hasClass('alternate_color') ? $(this).wrap( '<div class="alternate_color notfullsize '+notfullID+'"></div>') : ''; }); $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" }); $('.grid-notfull').css({"max-width": "<?php echo $responsive_size; ?>" , "margin": "0 auto" , "padding": "0 50px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');
______________
Now:. if you do not want to use grid-row element on portfolios as a fullwidth element – you can change the selector above to alway set on single portfolios:
#top.single-portfolio .av-layout-grid-container :function grid_layout_notfull(){ $responsive_size = avia_get_option('responsive_size'); ?> <script> (function($){ $('#top.single-portfolio .av-layout-grid-container' ).each(function() { var notfullID = $(this).attr('id'); $(this).hasClass('main_color') ? $(this).wrap('<div class="main_color notfullsize '+notfullID+'"></div>') : ''; $(this).hasClass('alternate_color') ? $(this).wrap( '<div class="alternate_color notfullsize '+notfullID+'"></div>') : ''; }); $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" }); $('.grid-notfull').css({"max-width": "<?php echo $responsive_size; ?>" , "margin": "0 auto" , "padding": "0 50px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');
the IDs transfer as class to the wrapping container is only to have better selectors for them on other settings.
One thing – there might be a little difference on the alignment. this derives from the padding that commonly the columns will have ( f.e. if you tend to have 30px padding on columns – you can correct this line in the snippet to:
$('.grid-notfull').css({"max-width": "<?php echo $responsive_size; ?>" , "margin": "0 auto" , "padding": "0 20px"});
see here a demo page: https://webers-testseite.de/grid-row-alb/
le did_filter a été introduit avec la version WP6.1 ( link ) – donc je pense que l’erreur disparaîtra après une mise à jour vers WP6.1 et plus.
OK – Mike is right. The p-tag designation in your question misled me a bit.
Open both 1/2 columns and remove the background image there.
The one on the color-section is enough ;)May 4, 2023 at 10:42 am in reply to: on Mega Menu show in front of list points the featured image #1406426oha – this is very old – but it so nice to have!
But is there a method to limit the item selection here to mega menu items only?
Above only the whole menu is selected, so if other second-level menu items have thumbnails, they will also get images. Of course I could hide this via css – but it would be nicer (more elegant) if the thumbnails would not be set there at all.May 4, 2023 at 10:18 am in reply to: Mega menu with photos – how hide photos on mobile menu? #1406425Why do you choose this way to do it?
Push your page/portfolio as column to the place to go – and insert to the column label your text including the image:
f.e.:
10 Washington Avenue in San Rafael front exterior<br><br><img class="alignnone size-full" src="https://www.thomashenthorne.com/wp-content/uploads/2023/03/10-Washington-Ave-San-Rafael-78-of-78-HERO-cropped-180x180.jpg" alt="10 Washington Avenue in San Rafael front exterior" width="180" height="180" />
you do not need to set it as sublevel menu item
it seems that these images inserted to column labels are not transfered to mobile menu!
But that is the way to do it:
https://www.w3schools.com/tags/att_select_multiple.aspthats common behavior
womit hast du die zip Datei erstellt?
Entpacke mal das zip file und lade die drei Schriftarten hier hoch: Transfonter
die Demo brauchst du nicht! – Die wahl welche Schrifttypen du wählst, ist natürlich dir überlassen. Ich nehme meist nur ttf und woff2.
Alle modernen Browser kommen mit woff2 zurecht. Das ttf quasi nur als fallback bei alten browsern.Im Grunde ist das zip welches du dort runterladen kannst nach dem convertieren schon upload fähig für den Enfold Font Manager.
Was aber bei den Dropdown Auswahlen in Enfold angezeigt wird ist der name des zip files – also:
vor dem Upload umbenennen mit dem Schriftnamen : z.B. open-sans.zip
( die @font-face rules die enfold generiert, haben mit diesem Namen nichts zu tun, die sind abhängig von den Schriftnamen in dem zip )so verfahren solltest Du alle Schriftschnitte dann auch im Font-Manager angezeigt bekommen:
if you load jQuery in your footer try to give to the script above a priority: 999 f.e.
so the last line is then:
add_action('wp_footer', 'custom_script', 999);
or if you try that link from mike – now the footer got 6 columns (Enfold 5.6) option – then change to:
function ava_re_register_footer_widgets(){ $footer_columns = avia_get_option( 'footer_columns', '6' ); for( $i = 1; $i <= $footer_columns; $i++ ){ unregister_sidebar('av_footer_' . $i ); register_sidebar( array( 'name' => 'Footer - Column ' . $i, 'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 'after_widget' => '<span class="seperator extralight-border"></span></section>', 'before_title' => '<p class="widgettitle">', 'after_title' => '</p>', 'id' => 'av_footer_' . $i ) ); } } add_action( 'widgets_init', 'ava_re_register_footer_widgets', 11 );
and where can we see it on your page. It’s not so obvious where you see that.
btw. your borlabs does not show on page opening.
and if you realy mean “mobile” and not small screen width – you can use the class on html that enfold adds for mobile-devices: avia_mobile
then you may have only a css rule without the media query or if you like to preserve the initial color for bigger screens ( ipad pro or bigger tabletts ) in a combination of both:
@media only screen and (max-width: 767px) { html.avia_mobile { background-color: #eeece9; } }
This is my observation. The new element only shows the before image.
Unfortunately, there are no developer tools for such older iOS to inspect the code. I think it might be due to the lack of clip-path support. Also I only have a free account with Browserstack – so also too little time to look at the element reasonably.As for the slideshows, galleries and masonry galleries, they work with minified js – but not with merged js.
It would be interesting to see which js are causing the problem.
So – you could exclude the usual js from merging via the known snippets times and then put them back one after another.it must have something to do with merging js files – if i switch off that merging – the page load all even animated images ( masonries , galleries etc )
only that new element ( before-after) still does not workEdit: with minified js Version the images load !
Same as above ; the Before-After does not work on iOS less than 13have you installed an additional plugin? where does the class ci-search comes from?
that might be the reason.I have already done this in the above script, that I add this class that you show to the body; unfortunately this did not bring any improvement.
But I have also tested this on Enfold Options.Thank you for finding/creating a solution for this. This is a good thing for photographers and sites that display art objects (paintings, sculptures, etc.), as most search results only contain links to attachment pages (photos or other media files).
by the way: i guess you have zipped your font-files on mac OSX System – because the hidden files are uploaded too.
…/uploads/avia_fonts/type_fonts/macosx/._codec-pro-bold.ttf etc.You can avoid this – there is for example in BetterZip an Option : zip for “PC”
2nd: your hamburger icon is white on white ground ! – maybe you change it to:
#top .header_color div .av-hamburger-inner, #top .header_color div .av-hamburger-inner::before, #top .header_color div .av-hamburger-inner::after { background-color: #1a63ae; }
it is hard to inspect because some signs ( f.e. empty single quotation marks are transfered to one double quotation mark line 670, 671
since line 820 there seems to be new entries for prize:
$cat_walk = "; $cat_class = 'stray'; foreach($cats as $terms) { foreach($terms as $term) { if(in_array($term->name, array("price", "Price", "catty"))) { $cat_class = "pets"; } $cat_walk .= "term_id) . "'>" . $term->name . ""; } } $cat_walk = "; $meta_out .= '<span class="blog-categories minor-meta">'; $meta_out .= $cat_walk; $meta_out .= '</span>'; } } $stock_availability = get_post_meta( $the_id , 'a_stock_availability', true); if ( ! empty ( $stock_availability ) ) { echo $stock_availability; // also tried return instead of echo $meta_out .= $stock_availability; $output .= $stock_availability; }; …
and from 911:
$output .= $meta_out; $stock_availability = get_post_meta($the_id , 'a_stock_availability', true); if ( ! empty ( $stock_availability ) ) { $output .= "<div class='slide-meta-availability'> ". $stock_availability ."</div>"; }
long time ago – and your code here on https://kriesi.at/support/topic/search-products-pages-and-posts-enfold/#post-1158002
i use too and posted it here – because i did not found it via search function.But now i got one problem – how to show the search results page as grid – if attachments are also listed. The known changes in search.php do not work with attachments – and even if i change the custom-query there too – no effort.
I have already asked Günter – but I do not want to overuse his friendliness and accommodation. Maybe you have an idea what it could be.Yes of course; however, you may need to create the gradient via css.
Header layout would be logo center – menu below
as you can see here on a demo-page: https://kriesi.at/themes/enfold-medical/But for your logo I would suggest to divide it into a brand and sub-text – like it is here in the forum.
Then you have the possibility with smaller screen widths (mobile devices etc.) to react to the smaller space. E.g. by placing the slogans below the logo or hiding them like here in the forum.If you got this layout – the nav background is in a header_main_alternate container – so try:
#top #header_main_alternate { background: #ca5fb4; background: -webkit-linear-gradient(left, #fc6267 0%,#ca5fb4 50%,#995dfa 100%); background: linear-gradient(to right, #fc6267 0%,#ca5fb4 50%,#995dfa 100%); }
but then you need the font to be white ?
and with such a big first-level menu – i would break the hamburger at 990px@media only screen and (min-width: 990px) { #top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a { color: #fff } #top #avia-menu { display:flex; flex-flow: row wrap; justify-content: space-between; } }
etc. but it would be better to see the page – to give exact advice
Without a link to the issue – it is hard to give advice.
where did you add that custom class – to what element?sorry – i’m participant as you are – so you had to wait til mods are here.
where do you like to use them instead?
Is there a page with examples we can see?edit those heading element you can find on styling tab at the bottom. : Spacing – and there bottom-padding
on default this is 10px – maybe it is enough vor you to set it to 0px ( negative paddings do not exist )If those headings are of the same tag ( h2, h3 etc. ) you can use instead of two headings one with a <br> inside
Ignore the warning here – it will work – then you can manage the distance as line-height.
next: if these are two special headings following each other – they following will do have a margin-top value of 50px
so try:#top .av-special-heading.el_after_av_heading { margin-top: 20px }
or post the code ( inside a code tag here ) of the edited old file – and we will see what was the reason for a child-theme file.
Well you had to know that the custom class goes to the upper container of the image (avia-image-container )
but you like to have that on the image ( the img has that class: avia_image )#top .careersimage .avia_image { border-radius: 5px; /*** 5px is very small - but it is up to you ***/ }
i hope that if the selector includes one ID ( #top) an important will not be necessary.
is it the image alb element that you use – or is an image placed inside a text-block element?
Or is that image part of a gallery/masonry-gallery etc. ?with the new enfold – you can set the shrink amount to 10% – maybe Günter will be persuaded to include the 1% mark in the list there. In that case, a reduction would be hardly noticeable, and the classes would then be set anyway.
btw. i’m not willing to check pages that are not secured bei SSL ( TLS ) ;)
or leave the header as it is- no shrink and set your own scroll event on the header
this to child-theme functions.php:
you had to set in this calculation the rgb values!function bg_color_on_scroll(){ ?> <script> window.addEventListener("DOMContentLoaded", function () { (function($){ var tStart = 30, // Start transition at 30px from top tEnd = 250, // End at 250px cStart = [255, 255, 255], // White cEnd = [255, 215, 0], // Gold cDiff = [cEnd[0] - cStart[0], cEnd[1] - cStart[1], cEnd[2] - cStart[2]]; $(".header_color .header_bg").css('background-color', 'rgb('+cStart+')'); // take over the start point $(document).scroll(function() { var p = ($(this).scrollTop() - tStart) / (tEnd - tStart); // % of transition p = Math.min(1, Math.max(0, p)); // Clamp to [0, 1] var cBg = [Math.round(cStart[0] + cDiff[0] * p), Math.round(cStart[1] + cDiff[1] * p), Math.round(cStart[2] + cDiff[2] * p)]; $(".header_color .header_bg").css('background-color', 'rgb(' + cBg.join(',') +')'); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'bg_color_on_scroll');
you see the parameters you can change? – the var values
and the selector ( .header_color .header_bg ) on the bottom might differ to yours – as mentioned above your page is not https. -
AuthorPosts