Forum Replies Created

Viewing 30 posts - 1 through 30 (of 7,739 total)
  • Author
    Posts
  • in reply to: exclude images from srcset responsive react. #1321491

    hm ?
    rejoiced too soon!
    if I place two sliders the one with the class: nosrcset
    the other without – both times the srcset is suppressed.

    in reply to: exclude images from srcset responsive react. #1321358

    it works this way:

    if( $this->config['bg_slider'] != 'true' && empty( $video ) )
    {
    	$img_style = '';
    	if( ! empty( $this->config['min_height'] ) && $this->config['min_height'] != '0px' )
    	{
    		$percent = 100 / ( 100 / $img[2] * (int) $this->config['min_height'] );
    		$this->config['min_width'] = ceil( ( $img[1] / $percent ) ) . 'px';
    		
    		$img_style .= AviaHelper::style_string( $this->config, 'min_height', 'min-height' );
    		$img_style .= AviaHelper::style_string( $this->config, 'min_width', 'min-width' );
    		$img_style  = AviaHelper::style_string( $img_style );
    	}
    // here is the new check
    	if(false == strpos($this->config['class'], "nosrcset")) {
    		$img_tag = Av_Responsive_Images()->make_image_responsive( $img_tag, $slide->ID, $this->config['lazy_loading'] );
    	}
    	
    	$img_tag = "<img src='{$img[0]}' width='{$img[1]}' height='{$img[2]}' title='{$linktitle}' alt='{$linkalt}' {$markup_url} {$img_style} />";
    
    	$html .= $img_tag;
    }

    Thanks – that’s a feasible solution.
    Can be closed ( maybe this will be a nice to have on general )
    i did it for fullscreenslider too!
    But i guess there are other albs that could benefit from it too.
    So a slightly different way would have to be found.

    in reply to: Work Sans Font Weight Issues #1321346

    It was just my intention to mention this here – because many participants say it’s not there because they don’t scroll to the bottom of the dropdown list.

    PS : does the old filter still work? have you changed the backward compatible?
    that new filters seems to work for both lists ( heading and content)

    in reply to: Work Sans Font Weight Issues #1321286

    first – the new added fonts are on the bottom of the list – not in alphabetical order!
    Now – i guess the filter for the content font is now: avf_available_google_fonts ( since Enfold 4.3 )
    btw : i do see on Google now the variable font only

    in reply to: exclude images from srcset responsive react. #1321285

    why isn’t it possible to have an exclude class like on : $.fn.avia_activate_lightbox = function(variables)
    we have there a possibility to exclude from lightbox function by adding a class to a parent-element.
    This seems to be a very simple way to do that. If we like to exclude it from srcset we can give a class to the alb element itself – or – just a checkbox under the f.e. “select slide content”.

    in reply to: exclude images from srcset responsive react. #1321049

    wow – many thanks – and it will be part of one of the next updates?
    ________
    But is that a good functionality? If i will use the image in an image alb ( and lightbox ) – i would like to have the srcset option. In this case it will react responsive so a srcset makes sense.
    Or do i misunderstand that function? on my example page in private content – the image get the same : wp-image-3026 . The 3026 is that ID i have to use in the snippet?
    I don’t want to exculde the whole image from srcset but f.e. the image in a fullwidth slideshow where the slideshow has a min-height option
    on those sliders the image will be very blurry when we have a very small screen ( f.e. iphone5 : 320px)

    in reply to: Sticky post in blog grid #1320807

    your error message is a classic error message if a function already exists.
    So on top the name of the functions are: avia_blog_post_query_mod and bump_sticky_posts_to_top

    if you use them again ( see line 1048) – it is previously declared !
    rename your new entries
    f.e.:

    add_filter('avia_post_slide_query', 'avia_post_slide_query_mod', 10, 2);
    function avia_post_slide_query_mod($query, $params) {	
    	$include = array();
    	$sticky = get_option( 'sticky_posts' );
    
    	$args = array(
    	  'taxonomy' => $params['taxonomy'],
    	  'post__not_in' => $sticky,
    	);
    	$posts = get_posts( $args );
    
    	foreach($posts as $post) {
    		$include[] = $post->ID;
    	}
    
    	$include = array_merge($sticky, $include);
    
    	// convert values of the $include from string to int
    	function sti($n)
    	{
    		settype($n, 'int');
    		return $n ;
    	}
    
    	$include = array_map("sti", $include);
    
    	$query['post__in'] = $include;
    	$query['posts_per_page'] = 6;
    	$query['orderby'] = 'post__in'; // sort items based on the post__in value
    	return $query;
    }

    __________________
    by the way – there is for masonries a similar solution with filter: avia_masonry_entries_query

    ___________________
    and maybe this post is helpful too – https://kriesi.at/support/topic/sticky-posts-in-post-slider/#post-1202275 and the next post is to have on post slides that too.
    you can give to single posts that are set as sticky posts a class – to easier style them:

    add_filter( 'post_class', 'add_sticky_classes', 10, 3 ); 
    function add_sticky_classes( $classes, $class, $post_id ) {
        if ( ! is_sticky() ) {
            return $classes;
        }
        global $wp_query;
        $classes[] = 'stickypost-' . $post_id;
        return $classes;
    }
    in reply to: exclude images from srcset responsive react. #1320690

    A strange thing is that firefox will show me that the 1030×433 image has been taken – but see yourself – that couldn’t be right:

    in reply to: exclude images from srcset responsive react. #1320683

    My mistake – Yes you are right in this case of the above link. This is a full-width slider element. It would be nice if I could use f.e. a class (similar to using lightbox or not ) to prevent the srcset from being used. In general, it makes sense to use the Responsive Images feature, but causes images that are stretched to the screen width to become blurry at small screen widths.

    Or present from srcset the image that fits the min-height option – see here what happens if the min-height determines the presented image:

    in reply to: document ready ? #1320565

    thanks for clarification. Can be closed

    in reply to: document ready ? #1320462

    so in Combination i had to use:

    function my_custom_script() { 
    ?>
    <script>
    (function($){
    	$(function() {
    		// $ code to manipulate DOM goes here
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'my_custom_script');

    or does the usage of $(function() { indicate the usage of $ instead of jQuery.

    and DOM is ready then to be manipulated ?

    brilliant – just changing position of two lines. ;)
    I have also missed

    in reply to: Blog Title Size – HUGE! H1? #1320225

    Try in your quick css:

    
    .html_modern-blog #top .post-entry .post-title, 
    .html_modern-blog .avia-content-slider .slide-entry-title {
      font-size: 1.4em
    }

    but be carefull – this is only for your current blog style ( modern blog ) on the image above it is a different one.

    give a custom-class to your color-section – f.e.: full-width-content ( anything you like :) )

    .full-width-content .container {
        max-width: 100% !important;
        padding: 0;
    }

    yes Yigit – that is simple. I had not thought of that

    in reply to: Logo Size #1319947

    on entering the logo in the enfold options – the media library opens and you can choose your desired logo – did you pay attention on what format you inserted ?


    ___________

    by the way – on those images on the right side – landing page – you should choose the other hover style .

    in reply to: Load more button in media overview #1319939

    i think he is talking about the media library view. This is not an Enfold change – but a WordPress new style.
    You can try this in your child-theme functions.php:

    add_filter( 'media_library_infinite_scrolling', '__return_true' );
    

    by the way – there are some plugins that try to bring neatness to the media library by establishing a folder structure.
    Firebird is one of them – and on reading the possiblities – it seems to be compatibel with enfold: https://wporg.ibadboy.net/plugins/filebird/ ( I have not tested this so far. )

    in reply to: Work Sans Font Weight Issues #1319917

    by the way : Work Sans is one of those nice variable fonts offered by Google.
    i do always tranform those ttf to woff2 fonts. See here some infos: https://web.dev/variable-fonts/

    The solution, which at first seemed simple to me, did not pass closer examination …

    Yes and in combination with a fullwidth sub menu on top that is not sticky ! you can have a very similar effect.
    The fullwidth sub menu has the option to show an existing navigation – so choose your main-menu there.

    in reply to: Different header on different page #1319613

    @steviger
    on your logo img you got a margin set i think set by yourself in quick css – remove that and try to position it f.e. this way:

    .logo img {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    in reply to: Different header on different page #1319381

    @steviger :
    on the method above you had to think of that every page concerning to mee is subpage of mee. etc.

    or if you have not too much pages and subpages etc.
    you can give to them a tag

    you can activate for all pages / posts the tag option by:

    // add tag support to all posttypes
    function tags_support_all() {
      register_taxonomy_for_object_type('post_tag', 'page');
    }
    add_action('init', 'tags_support_all');
    
    function tags_support_query($wp_query) {
      if ($wp_query->get('tag')) $wp_query->set('post_type', 'any');
    }
    add_action('pre_get_posts', 'tags_support_query');

    you now have the opportunity to give each post / page a tag (avoid using two of those tags )

    function av_change_logo($logo){
      	  if(has_tag('mee')){ $logo = "/wp-content/uploads/2021/08/logo_MEE.png"; }
      elseif(has_tag('vtv')){ $logo = "/wp-content/uploads/2021/08/logo_VTV.png";}
      elseif(has_tag('jong')){ $logo = "/wp-content/uploads/2021/08/logo_JongLeren.png";}
      elseif(has_tag('xtra')){ $logo = "/wp-content/uploads/2021/08/logo_Xtra.png";}
      elseif(has_tag('mooi')){ $logo = "/wp-content/uploads/2021/08/logo_Mooi.png";}
      elseif(has_tag('jess')){ $logo = "/wp-content/uploads/2021/08/logo_JESS.png";}
      return $logo;
    }
    add_filter('avf_logo','av_change_logo');

    I think that’s how it should work.
    You just have to remember to set the tag for the pages you want to create.

    in reply to: Connect two columns #1319081

    and it is definitly two columns not two color-sections?
    if it is two columns ( guess 1/1) – why don’t you drag&drop the content from the second column to the first and get rid of that second column?
    Or in other words – why is it important to preserve here two columns?

    by the way – a following column got a class: column-top-margin
    and the concerning rule is set to –

    body .column-top-margin {
        margin-top: 50px;
    }

    to change that on general seem to be no good idea – so give a custom-class to f.e: the parent element ( color-section) or to that following column
    and overwrite that rule with the additional class.

    in reply to: lightbox modal window override #1319036

    but be carefull – this is casesensitive so noLightbox – not nolightbox.
    But if it works – i guess you used the right writing.

    in reply to: lightbox modal window override #1319016

    did those pdf links realy open in a lightbox ?

    on /js/avia-snippet-lightbox.js you find that exclude instruction:
    exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]'

    so give to one of the parents a custom-class : noLightbox

    • This reply was modified 2 weeks, 6 days ago by  Guenni007.
    in reply to: Different header on different page #1319014

    Btw all social icons do have their own links per organisation (page)

    if it is in your widget only ( not the top-heading ) i would install something like: restrict widget and put the different social media links into different widgets.
    ( or maybe better: https://wordpress.org/plugins/widget-logic/ )

    first i would try to have this tree function to have all pages – that are subpages – the same logo

    f.e:

    function is_tree($pid){
    global $post;
       $ancestors = get_post_ancestors($post->$pid);
       $root = count($ancestors) - 1;
       $parent = $ancestors[$root];
       if(is_page() && (is_page($pid) || $post->post_parent == $pid || in_array($pid, $ancestors))){
         return true;
        }
       else{
         return false;
        }
    };
    
    function av_change_logo($logo){
          if (is_tree(178)) { $logo = "/wp-content/uploads/2021/08/logo_MEE.png";}
      elseif (is_tree(aaa)) { $logo = "/wp-content/uploads/2021/08/logo_VTV.png";}
      elseif (is_tree(bbb)) { $logo = "/wp-content/uploads/2021/08/logo_JongLeren.png";}
      elseif (is_tree(ccc)) { $logo = "/wp-content/uploads/2021/08/logo_Xtra.png";}
      elseif (is_tree(ddd)) { $logo = "/wp-content/uploads/2021/08/logo_Mooi.png";}
      elseif (is_tree(eee)) { $logo = "/wp-content/uploads/2021/08/logo_JESS.png";}
       return $logo;
    }
    add_filter('avf_logo','av_change_logo');

    you had to replace the aaa – eee with the page id’s.

    in reply to: Different header on different page #1318999

    no e-mail here on my account – send again please

    in reply to: Different header on different page #1318993

    all social icons do have consistent link – if they are present.
    or could it be that on page1 there is a facebook link different than on page2 etc.

    with logo you can do it this way :

    add_filter('avf_logo','av_change_logo');
    function av_change_logo($logo){
        if( is_page(21) ) {
        	$logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; 
        }
      
        elseif ( is_page( array( 42, 54, 6 ) ) ) {
        	$logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
        }
    
        elseif ( is_page() && !is_page(1307) )  {
        	$logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg";  
        }
        return $logo;
    }

    border top color is just css with classes on #top ( .page-id-123 )

    in reply to: Different header on different page #1318989

    6 different pages with each different headers?
    if not – and these 6 pages will have the same header.
    you can have a page array on the code above instead of : if ( is_front_page() ) {

    ruft mich doch bitte nochmal an – da kann ich euch sagen wie ich drauf kam.!

Viewing 30 posts - 1 through 30 (of 7,739 total)