Forum Replies Created

Viewing 30 posts - 4,171 through 4,200 (of 11,918 total)
  • Author
    Posts
  • in reply to: exclude images from srcset responsive react. #1321858

    is the replacement code i posted above correct?
    and the place i inserted the extra_class – just before the other extra_class

    $slider = new avia_slideshow( $atts );
    $slider->set_extra_class( $meta["el_class"] );
    $slider->set_extra_class( $stretch );

    and please try in your constellation to use the same image in both sliders.

    in reply to: Change link of the logo. #1321807

    you can do that via filter in your child-theme functions.php:

    add_filter('avf_logo_link','av_change_logo_link');
    function av_change_logo_link($link){
        $link = "https://kriesi.at";
        return $link;
    }

    _____________________
    by the way: there are a few filters to manipulate the logo:

    function avf_change_logo_title($title) {
       $title = "The new Title is here";
       return $title;     
    }
    add_filter('avf_logo_title', 'avf_change_logo_title');
    
    function avf_change_logo_alt($alt) {
       $alt = "New Alternate Text Here";
       return $alt;     
    }
    add_filter('avf_logo_alt', 'avf_change_logo_alt');
    
    function avia_new_logo_tag(){
        $output = "div";
    return $output; 
    }
    add_filter('avf_logo_headline','avia_new_logo_tag');

    see: https://kriesi.at/documentation/enfold/logo/#customization

    in reply to: SVG as logo #1321776

    see here a snippet to replace every img tag with svg link with its inline svg:
    https://kriesi.at/support/topic/replace-logo-image-with-inline-svg-code/#post-1307101

    the trick with the logo replacement is that the attribute of preserveAspectRatio is set in dependency where the logo is placed ( left, center, right )

    PS: for some svgs the xmlns xmlns:xlink is an important setting – in this case get rid of that line:
    svg = svg.removeAttr('xmlns xmlns:xlink');

    in reply to: Hello, how can i have arrow in these submenu? #1321770

    you can use the font-icons for it
    f.e.:

    .avia_mega_div ul li ul li:before {
        content: "\e885";   /*** or \e897  ***/
        position: absolute;
        font-family: entypo-fontello;
    }

    guess you then have to position it a bit – and you can play with font-size and line-height etc. and even have different color than the text besides.

    in reply to: SVG as logo #1321755

    By the way dear developer team – it would be very nice if you would also add the selector for inline svg logos in avia-snippet-sticky-header.js.
    the shrinking option then of inline svg logos will work properly:

    var logo = $('#header_main .container .logo img, #header_main .container .logo a, #header_main .container .logo svg '),
    
    in reply to: SVG as logo #1321754

    svgs do have on default for WordPress a width and height of zero “0”

    Therefore, one must then assign a width to the logo. This can be a very large value and must be an absolute unit for some browsers (so % and em etc. does not work). The adjustment of the size of the logo is done via the display property of the surrounding container.

    If you don’t use the option in svg support to force replacement of all svg to inline svg try:

    #top .logo img {
    width: 450px
    }

    if you have the inline svg :

    #top .logo svg {
     width: 450px
    }

    as inline svg and shrinking header there are ways to implement the svg support too.
    may i see your site?

    in reply to: SVG as logo #1321736

    i hope that WordPress will include the svg support soon.
    But you can activate the svg mime type by adding this to your child-theme functions.php:

    function custom_mtypes( $m ){
        $m['svg'] = 'image/svg+xml';
        $m['svgz'] = 'image/svg+xml';
        return $m;
    }
    add_filter( 'upload_mimes', 'custom_mtypes' );

    or use that wonderful plugin svg support – it also enables previewing in the media library.

    in reply to: Enfold theme vs WordPress #1321689

    @Yigit – and maybe you update that section: https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp to something like this: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107

    because having a rollback enfold folder will be nice to have – and quite a few questions here about older versions would then probably be superfluous.

    in reply to: Youtube video not blocked properly #1321676

    First, have you checked the box to load thumbnails locally?
    under Content Blocker – Youtube – this is besides your question a thing to mention.

    _______
    what kind of link is it – does it lead to a lightbox with the video? can you show me the site it concerns?

    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%);
    }
Viewing 30 posts - 4,171 through 4,200 (of 11,918 total)