Forum Replies Created

Viewing 30 posts - 1,501 through 1,530 (of 10,894 total)
  • Author
    Posts
  • in reply to: Footer in custom templates #1406456

    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 ?

    A picture is worth a thousand words.

    in reply to: Make all elements align inside Portfolio pages #1406443

    so 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/

    in reply to: Bug Enfold #1406440

    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.

    in reply to: Background behind Tag #1406437

    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 ;)

    oha – 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.

    Why 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.asp

    thats common behavior

    in reply to: Schriftart wird nicht komplett angezeigt #1406419

    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:

    in reply to: H3 tags in the footer #1406348

    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 );
    in reply to: Background behind Tag #1406347

    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.

    in reply to: Change Socket Background color only for mobile! #1406061

    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;
    	}
    }
    in reply to: images – masonry and iOS less than 13 #1406060

    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.

    in reply to: images – masonry and iOS less than 13 #1406034

    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 work

    Edit: with minified js Version the images load !
    Same as above ; the Before-After does not work on iOS less than 13

    in reply to: Need a gradient Nav Bar and A solid Logo Area #1405880

    have you installed an additional plugin? where does the class ci-search comes from?
    that might be the reason.

    in reply to: images – masonry and iOS less than 13 #1405833

    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.

    in reply to: Search products, pages and posts [ENFOLD] #1405745

    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).

    in reply to: Need a gradient Nav Bar and A solid Logo Area #1405684

    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;
    }
    in reply to: Post Grid not working #1405591

    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>";
    }
    in reply to: Search products, pages and posts [ENFOLD] #1405496

    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.

    in reply to: Underline is not possible for centered Text #1405488

    ok

    in reply to: Need a gradient Nav Bar and A solid Logo Area #1405485

    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

    in reply to: Underline is not possible for centered Text #1405405

    Without a link to the issue – it is hard to give advice.
    where did you add that custom class – to what element?

    in reply to: Adding coloured png icons #1405395

    sorry – i’m participant as you are – so you had to wait til mods are here.

    in reply to: Adding coloured png icons #1405383

    where do you like to use them instead?
    Is there a page with examples we can see?

    in reply to: Negative white space not working #1405379

    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 
    }
    in reply to: Post Grid not working #1405378

    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.

    in reply to: Rounding the corners of an image on a page #1405374

    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.

    in reply to: Rounding the corners of an image on a page #1405358

    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. ?

    in reply to: Change header colour when scrolling #1405308

    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.

Viewing 30 posts - 1,501 through 1,530 (of 10,894 total)