Viewing 30 results - 2,221 through 2,250 (of 10,096 total)
  • Author
    Search Results
  • #1114121

    I figured it out. Hopefully this will help someone. I had to piece together a few threads to figure this out. The code that needs to be changed is in “functions-enfold.php” but I didn’t want my changes to be overwritten by a theme update so I copied the entire “avia_post_nav” section from “functions-enfold.php” into the “functions.php” file of my child theme because apparently “functions-enfold.php” file is not recognized in child themes and I learned you can copy functions from functions-enfold.php into the the function.php file, which is recognized by the child theme.

    So, I copied this entire section from functions-enfold.php into child theme functions.php:

    if(!function_exists('avia_post_nav'))
    {
    	function avia_post_nav($same_category = false, $taxonomy = 'category')
    	{
    		global $wp_version;
    	        $settings = array();
    	        $settings['same_category'] = $same_category;
    	        $settings['excluded_terms'] = '';
    			$settings['wpversion'] = $wp_version;
            
    		//dont display if a fullscreen slider is available since they overlap 
    		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) || 
    			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;
    
    		$settings['type'] = get_post_type();
    		$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;
    
    		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
    		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;
    
    	        $settings = apply_filters('avia_post_nav_settings', $settings);
    	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;
    	
    	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
    	        {
    	            $entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    	            $entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    	        }
    	        else
    	        {
    	            $entries['next'] = get_previous_post($settings['same_category']);
    	            $entries['prev'] = get_next_post($settings['same_category']);
    	        }
    	        
    		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
            $output = "";
    
    		foreach ($entries as $key => $entry)
    		{
                if(empty($entry)) continue;
    			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
    			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
    			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
    			
                $tc1   = $tc2 = "";
                $class = $image ? "with-image" : "without-image";
    
                $output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
    		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
    		    $output .= "    <span class='entry-info-wrap'>";
    		    $output .= "        <span class='entry-info'>";
    		    $tc1     = "            <span class='entry-title'>{$the_title}</span>";
    if($image)  $tc2     = "            <span class='entry-image'>{$image}</span>";
                $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
                $output .= "        </span>";
                $output .= "    </span>";
    		    $output .= "</a>";
    		}
    		return $output;
    	}
    }
    

    and then, replaced this:

    {
    	            $entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    	            $entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    	        }
    	        else
    	        {
    	            $entries['prev'] = get_previous_post($settings['same_category']);
    	            $entries['next'] = get_next_post($settings['same_category']);
    	        }

    with this:

    {
    	            $entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    	            $entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
    	        }
    	        else
    	        {
    	            $entries['next'] = get_previous_post($settings['same_category']);
    	            $entries['prev'] = get_next_post($settings['same_category']);
    	        }

    Now, when I sort my portfolio chronologically by date, I have my newest stuff at the top and when someone opens one and clicks on the right navigation arrow, they can navigate through the portfolio in the order they appear on the page. Intuitively, most people want to click the right arrow to navigate what they perceive to be forward, through the portfolio.

    If you care to, you can preview it in action on my site here:

    #1113417
    Trent Dyrsmid
    Participant

    Here’s our site:
    https://flowster.app/

    If you click that 1st laptop/cellphone image near the top (https://flowster-wp.sfo2.cdn.digitaloceanspaces.com/2019/06/Flowster-mockup-laptop-cell-phone.webp) you’ll see a popover video start playing.

    We accomplished that by using a Code Block where the img src is wrapped with javascript:

    <script src="https://fast.wistia.com/embed/medias/yc4a91nw7z.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><span class="wistia_embed wistia_async_yc4a91nw7z popover=true popoverAnimateThumbnail=true popoverContent=link" style="display: inline; position: relative;"><a href="#"><img data-lazyloaded="1" src="https://flowster-wp.sfo2.cdn.digitaloceanspaces.com/2019/06/Flowster-mockup-laptop-cell-phone.webp" class="avia_image litespeed-loaded" data-src="https://flowster-wp.sfo2.cdn.digitaloceanspaces.com/2019/06/Flowster-mockup-laptop-cell-phone.webp" alt="" title="" itemprop="thumbnailUrl" data-was-processed="true"></a></span>

    However further down the page you’ll see:

    We want to do the same thing for this image, ie when you click it a popover video starts playing. However we can’t figure out how to get this to work. We tried using a Code Block inside the column that had the background image, but that didn’t work:

    Any ideas?

    • This topic was modified 6 years, 9 months ago by Trent Dyrsmid.
    #1113416

    Hi,

    Did you install an image compression plugin? Please disable it temporarily, then upload the images again.

    The color of the original image or copy looks the same as the thumbnails above. (see private field)

    Best regards,
    Ismael

    Hi Jzumpfe,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Here are a few useful links for you

    http://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/

    Best regards,
    Victoria

    #1113318
    djclare
    Participant

    Hello, I’m trying to reduce the vertical space between blog posts thumbnails when they are displayed as content elements on my front page.

    I have tried the CSS suggested here…

    https://kriesi.at/support/topic/space-between-blog-posts/

    But it’s made no difference…

    Hi, I am new to Enfold, and am setting up a photography website, and I have the same problem: the website is super slow.
    If I use medium size images, the Thumbnails in Lightroom are blurred, so at the moment I use 1500 x 1000, and have deactivated WordPress compression.
    I see that Enfold is still generating a huge amount of other sizes, but I can’t find the function.php to add this code.
    Can someone help lease?

    #1113031

    In reply to: my website is too slow

    Hi,

    Thank you for the update.

    1.) Defer parsing of JavaScript – Most of the scripts that require to be deferred are actually not related to the theme. You can a find a list below. For the youtube videos, you should enable lazy loading so it doesn’t interfere with the browser or only load it when the user interact with it. Edit the video element, look for the “Lazy Load videos” and set it to the second option (Wait for the user to interact with the video)

    https://www.youtube.com/yts/jsbin/player_ias-vfl49f_g4/en_US/base.js (955.0KiB)
    https://www.youtube.com/yts/jsbin/www-embed-player-vflHQTJzU/www-embed-player.js (90.0KiB)
    https://www.puertoplataclick.com/es/wp-includes/js/jquery/jquery.js?ver=1.12.4 (87.0KiB)
    https://www.puertoplataclick.com/ (3.7KiB of inline JavaScript)
    https://www.youtube.com/embed/IxUA-0zhHyk?feature=oembed&wmode=opaque&rel=0 (3.2KiB of inline JavaScript)

    2-3.) Serve scaled images & Optimize images – Do you have the original copies of the event featured images (see private field)? You should resave the images using Photoshop or any photo editor, set the quality to 85-90 and upload them again. You can also use the following plugin to adjust the size of the “square” thumbnail.

    // https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Ismael

    #1112784

    In reply to: Resize Shop Thumbnail

    Hi,

    You have to upload the product image again or regenerate the existing thumbnails. The product in the screenshot already exists before we did the modification. Did you check the dummy product that we added?

    Thank you for the update.

    Best regards,
    Ismael

    #1111844

    Hello, thanks for the reply.

    I put

    .slide-meta {
    display: none;
    }

    in the rapid css.

    As a matter of fact, this command hides date for all blog categories, while i want them, i.e., to be showed in the Home page…

    For the thumbnails i found the information i needed in the Documentation :-)

    #1111815

    Hey gianazzi,

    I couldn’t see any dates on the page you posted to, did you manage to get it working? What exactly do you want to change with regards to thumbnails?

    Best regards,
    Rikard

    ddagraphics
    Participant

    Hello, when I hover over a portfolio grid preview image the image gets a semi-transparent white overlay and an animation of a circular symbol. How do I replace the circular symbol or logo with 1-3 lines of text over a semi-transparent color background instead of white. Can you please give me the code for this that will allow me to choose the color and opacity of the hover background and the attributes of the text?
    thank you!

    #1111365
    gianazzi
    Participant

    Hello.
    Can you please help me in modifying the code for hiding the date in this kind of pages?
    https://www.ticass.it/membri-del-consorzio/progetti-europei-in-corso/

    i mean i know i can use the code
    .slide-meta {
    display: none;
    }

    but i need the dates in the home page for the news…

    Thank you

    and also a link for how to define the dimensions of the thumbnails?

    Thanks

    • This topic was modified 6 years, 9 months ago by gianazzi.
    #1111349

    Thanks so much Mike, this has worked well for the small thumbnail.

    For the hero image, I’m trying to do the same thing, in addition to removing the actual space where the fallback image is supposed to go.. but only when there’s not fallback image. Right now, the CSS code I was given removes the hero image even when I have uploaded one. Do you know how I can do that too?

    Thanks!

    #1110867

    Hi Mike,

    Thanks. That works for adding the info so that it shows up on the page under the painting thumbnail, but I didn’t want the info there. I just wanted it in the lightbox. On the gallery thumbnails I want just the Titles of the paintings.

    This used to work at one time. In your graphic with the two red arrows, I have this code:

    Map to the Unknown<br />2018<br /> Colored and Metallic Pens on Paper <br />8.5″ x 11″

    in the box that the left red arrow is pointing to. Putting the info there used to make it show up under the painting in the lightbox.

    Any idea how to get back to that?

    #1110695

    Hi,
    Try adding this code to the end of your functions.php file in Appearance > Editor:

    function custom_script(){
      ?>
      <script>
    (function($){
      $(document).ready(function(){
    $('.av-magazine-thumbnail a:not(:has(img))').closest( '.av-magazine-thumbnail' ).css({'opacity':'0'});
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    it will remove the image frame when no image is included.
    Please see the screenshot in Private Content area.

    Best regards,
    Mike

    #1110624

    In reply to: Gallery with Preview

    on :
    Gallery Style
    Choose the layout of your Gallery

    choose: big image with thumbnail below.

    #1110478

    Hi,

    Thank you, however, this is not doing what I hope. What I would like is for :
    1) the fallback thumbnails (and it’s border/background) to disappear if I have not uploaded a photo
    2) the fallback hero image (and it’s border/background and space) to disappear if I have not uploaded a photo.

    The following code removed the space of the fallback hero image, but it also removed the hero images I uploaded:
    .av-magazine-entry-big .av-magazine-thumbnail{
    display:none!important;
    }

    ===

    The following code, removed the border on all thumbnails (not just the fallback thumbnails) and it did not remove the background of the default image.
    .av-magazine-thumbnail{
    border:0px!important;
    }

    #1110415

    Hi,

    Add this to quick css:

    
    .av-magazine-thumbnail{
    border:0px!important;
    }
    
    .av-magazine-entry-big .av-magazine-thumbnail{
    display:none!important;
    }
    
    

    Best regards,
    Jordan Shannon

    #1110367

    Hello,

    Ok, this works for the hero image, but not the thumbnail (there is still a background and border).

    Also, for the hero image, is it possible to remove the space itself (not just the border and background)? Because it leaves a big space and things are misaligned. For the thumbnail, it is OK to keep the space (removing it here would misalign things I think).

    Thank you.

    #1110356

    Hi,

    Please use following code instead

    .av-magazine-hero .av-magazine-thumbnail {
        border: none;
    }
    .av-magazine-hero .av-magazine-thumbnail a {
        background: transparent!important;
    }

    Best regards,
    Yigit

    • This reply was modified 6 years, 9 months ago by Yigit.
    #1109901
    darryllevine
    Participant

    Hello,

    Is it possible to remove the default or fallback image (the pencil) from the magazine view? So far, I have only managed to either show all images or to hide all images. I would like my image to appear when I have uploaded one and I would like to make the default pencil image disappear when I haven’t uploaded an image.

    I am using magazine view, with categories and the first entry displayed bigger, so I’m hoping to achieve this for the thumbnails and as well as for the first entry with a bigger image.

    Thank you!

    #1109642

    In reply to: Enfold Image Sizes

    Hi,

    You should not remove the thumbnails because the plugin won’t be able to use them. The Site Accelerator(formerly photon) plugin just transfers the images or thumbnails from your server to their CDN as explained in the following section. It lessens the requests made to your own server and does actually help optimize the site by serving images from a different and more adjacent network.

    Our image CDN (formerly Photon) is an image acceleration and editing service. That means that we host your images from our servers, alleviating the load on your server and providing faster image loading for your readers.

    It filters content but doesn’t change the info in the database.
    It currently only acts on images in posts and pages, as well as featured images/post thumbnails via the image_downsize filter.
    It will apply to old posts and new ones alike and can be turned on or off easily.

    It doesn’t really say anything about generating images or thumbnails “on the fly”.

    Best regards,
    Ismael

    #1109522

    Thanks Günter, you put me on the right track.

    This is my end script for removing all Enfold image sizes :

    
    /* Remove all default Enfold image sizes */
    add_filter( 'avf_modify_thumb_size', 'mwm_enfold_remove_image_sizes', 10, 1 );
    function mwm_enfold_remove_image_sizes( $sizes ) {
    	return null;
    }
    /* Remove all Enfold shop image sizes */
    add_filter( 'init', 'mwm_enfold_remove_shop_image_sizes', 10, 1 );
    function mwm_enfold_remove_shop_image_sizes( $sizes ) {
      remove_image_size( 'shop_thumbnail' );
      remove_image_size( 'shop_catalog' );
      remove_image_size( 'shop_single' );
    }
    #1109515
    mike235
    Participant

    I’m trying to get rid of all predefined Enfold image sizes and setup my own.

    So far I’ve been able to remove most of them by adding this into my functions.php :

    add_filter( 'avf_modify_thumb_size', 'mwm_enfold_reset_image_sizes', 10, 1 );
    function mwm_enfold_reset_image_sizes( $sizes ) {
    	return null;
    }

    But there are still those left :

    – shop_thumbnail
    – shop_catalog
    – shop_single

    I guess they are declared elsewhere in the theme. Is there a filter that can handle these ?

    Thanks

    #1109294

    Hi Victoria,
    I’ve looked there, and did so again, but I don’t see anything in that file that produces the final front-end code of a masonry gallery. That file seems to only create the back-end ALB element and the pop up that happens when you click to edit it.

    It seems to me that there needs to be the caption attribute on the page when seeing the thumbnails of the masonry gallery in order for the magnific popup to be able to show the caption. Whenever I add code to look for the caption or alt text, I get “undefined” because I think it is just not on the page to find. So my thought is to edit the HTML output of the masonry gallery to include those things. BTW don’t you think it’d be good for the masonry gallery to have Alt text on the page anyway, for SEO and readers? Just a thought…

    #1109288

    In reply to: Enfold Image Sizes

    In my opinion, the above is indeed relevant. Because to prevent the automatic generation of the image sizes you have to set this.
    Your question is first about how you can delete the generated alternative images. I think, if you e.g. use this “force regenerate thumbnail” and have used that code before, the files that are no longer needed will be deleted.
    There shouldn’t be any performance reasons when using a CDN, only memory space savings are achieved.

    #1109088

    In reply to: Enfold Image Sizes

    I’ll repost so the original question isn’t lost…

    Hi,

    I want to wrap my head around every possibility. I’ll number for clarity:

    1. Simple Image Sizes offers the same options as Regenerate Thumbnails correct? I’ve used Regenerate Thumbnails.

    2. However, in the Regenerate Thumbnails description the developer of that plugin says this:
    “The Site Accelerator (formerly photon) module makes the images on your site be served from WordPress.com’s global content delivery network (CDN) which should speed up the loading of images. Importantly though it can create thumbnails on the fly which means you’ll never need to use this plugin.”

    3. Am I understanding correctly, if I am using Site Accelerator (formerly photon), or any CDN, I could uncheck every box other than “Original image” and save an incredible amount of storage space?
    – I imagine I would store the original image on my host and the other image sizes would be created “on the fly”.
    – What is the best way to delete all the sizes other than the originals from my host?
    – Or am I oversimplifying? What exactly is the developer suggesting and how exactly would this be implemented?

    Note: I am currently using Site Accelerator but have not deleted any image size files, yet.

    Please feel free to give a verbose explanation of how this might function. This site has 35,000+ images.

    Thank you so much

    #1109028

    In reply to: Enfold Image Sizes

    maybe this function can help you – but after that you had to regenerate image files – there are a lot of those tools – i guess the force regenerate thumbnails is the one which removes unneeded files too.
    the first function is for not to use a srcset for images

    // remove "responsive images" functionality in WP 4.4 and higher
    add_filter('wp_get_attachment_image_attributes', function($attr) {
       if (isset($attr['sizes'])) unset($attr['sizes']);
       if (isset($attr['srcset'])) unset($attr['srcset']);
       return $attr;
    }, PHP_INT_MAX);
    add_filter('wp_calculate_image_sizes', '__return_false', PHP_INT_MAX);
    add_filter('wp_calculate_image_srcset', '__return_false', PHP_INT_MAX);
    remove_filter('the_content', 'wp_make_content_images_responsive');
    
    // Disable loads of Enfold & WP image sizes upon upload
    // do image sizes manually, double-size with high compression for retina screens
    // use Photoshop to set exact double size and quality between Q30 and Q40
    add_action('init', 'remove_enfold_image_sizes');
    function remove_enfold_image_sizes() {
    // do NOT remove widget size, is used in backend portfolio items!
    // remove_image_size('widget');
      remove_image_size('square');
      remove_image_size('featured');
      remove_image_size('featured_large');
      remove_image_size('portfolio');
      remove_image_size('portfolio_small');
      remove_image_size('gallery');
      remove_image_size('magazine');
      remove_image_size('masonry');
      remove_image_size('entry_without_sidebar');
      remove_image_size('entry_with_sidebar');
      remove_image_size('shop_thumbnail');
      remove_image_size('shop_catalog');
      remove_image_size('shop_single'); 
        remove_image_size('shop_gallery_thumbnail');
    }
    // Remove unneeded WP image sizes
    add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
    // Remove default image sizes here. 
    function prefix_remove_default_images( $sizes ) {
    // do NOT remove small and medium sizes, they are used in backend Media Library!
    // unset( $sizes['small']); // 150px
    // unset( $sizes['medium']); // 300px
     unset( $sizes['large']); // 1024px
     unset( $sizes['medium_large']); // 768px
     return $sizes;
    }

    test it on a testinstallation. I tested it on a wordpress playground with enfold installation without any conflict.
    All Credits goes to: https://kriesi.at/support/topic/responsive-content-images-retina-screens/#post-1077293

    #1108967
    This reply has been marked as private.
    #1108885

    In reply to: Enfold Image Sizes

    Hi Mike,

    I want to wrap my head around every possibility. I’ll number for clarity:

    1. Simple Image Sizes offers the same options as Regenerate Thumbnails correct? I’ve used Regenerate Thumbnails.

    2. However, in the Regenerate Thumbnails description the developer of that plugin says this:
    “The Site Accelerator (formerly photon) module makes the images on your site be served from WordPress.com’s global content delivery network (CDN) which should speed up the loading of images. Importantly though it can create thumbnails on the fly which means you’ll never need to use this plugin.”

    3. Am I understanding correctly, if I am using Site Accelerator (formerly photon), or any CDN, I could uncheck every box other than “Original image” and save an incredible amount of storage space?
    – I imagine I would store the original image on my host and the other image sizes would be created “on the fly”.
    – What is the best way to delete all the sizes other than the originals from my host?
    – Or am I oversimplifying? What exactly is the developer suggesting and how exactly would this be implemented?

    Note: I am currently using Site Accelerator but have not deleted any image size files, yet.

    Please feel free to give a verbose explanation of how this might function. This site has 35,000+ images.

    Thank you so much

Viewing 30 results - 2,221 through 2,250 (of 10,096 total)