Viewing 30 results - 2,131 through 2,160 (of 10,095 total)
  • Author
    Search Results
  • #1132495

    Topic: Page speed

    in forum Enfold
    guttogjente
    Participant

    I want to reduce page load time on our website. I use WP Super Cache and plan to install WP-Optimize. I previously installed ShortPixel with Lozzy compression and optimized all the pictures (but not all the thumbnails). Appreciate all advice on how to improve the page speed.

    I did a test on Google Page Speed Insights on two of our pages, see results in links
    Our frontpage
    The frontpage result went down to 28 (from 64) when I added the Leverage browser caching code from your pagespeed insights article. I cleared cache and tried to run the speed test several times, but it was still at 28. Should I remove the code from .htaccess again or ask my webhost about this?
    Our most visited page

    Do you have any advice on improving the “Eliminate render-blocking resources”, like using a plugin? I already have enabled “Merge and compress all theme CSS files” in the theme settings. I see that Autooptimize it a popular optimization plugin related to CSS. Do you recommend me to install that one, would it help out on this problem?

    It seems like image optimization is the second factor that slows down my page. Consider to switch to Smush for image optimization since it is can optimize and unlimited number of images for free. Do you think that can be a good idea, I see that you previously recommended this plugin?

    #1132485
    guttogjente
    Participant

    I have a white padding around the dark featured image thumbnail that I would like to remove so the picture don’t seem to have a different width than the white below. I have a lot of pages using these same featured images. Should I replace the image on FTP with the same picture with the same name in a wider version?

    #1132425

    In reply to: PHP Fatal error

    Hi,
    If i remove this shortcode inside the page works:

    [av_blog blog_type='taxonomy' link='category,34' blog_style='blog-grid' columns='3' contents='title' content_length='content' preview_mode='custom' image_size='thumbnail' items='3' offset='0' paginate='yes' conditional='' av_uid='av-iq8qjd']

    So what i’ve to do ?

    Thanks

    #1132003

    In reply to: Blank Image in Media

    Hey peter85,

    Please have a look at this article
    https://mhthemes.com/support/knb/fix-blank-thumbnails-wordpress-media-library/

    Best regards,
    Victoria

    #1131905

    If you have allready a lot of images uploaded – there are (temporary) Plugin like Force Regenerate Thumbnails after you have done all that above.

    in Addition to that i do have another entry for child-theme functions.php:

    function av_return_100(){ return 65; }
    add_filter('jpeg_quality', 'av_return_100');
    add_filter('wp_editor_set_quality', 'av_return_100'); 

    the uploaded images are decompressed – cropped – and then saved as uncompressed files on default – this code does induce that a compression is done.
    If you look to your uploads folder – you will see that some of the 1500px x 630px images – Enfold generates – are bigger (sometimes much bigger) than the orignal image uploades ( with 2000px and more)

    #1131904

    all things goes to your child-theme functions.php:

    this is how you can avoid responsive Image functionality in WP:

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

    this is too WP related:

    
    // 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;
    }

    And this is for Enfold Functionality: Choose the needed Image Formats yourself:
    some are commented-out feel free to get rid of them too – allthough the reason for usage is described:

    // 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');
    }
    #1131847

    Hi,

    UPDATE: I was looking at the main product image and didn’t notice the thumbnails below. Please try this css code.

    .avia_transform .avia-gallery-thumb img {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    Best regards,
    Ismael

    #1131846

    Hey clairemartindigital,

    Thank you using Enfold.

    The thumbnail doesn’t look transparent. Is it fixed? We checked it on Firefox Windows 10. Please try to remove the browser’s cache or check it on incognito mode.

    Best regards,
    Ismael

    #1131760

    Ok sure.

    I remove the 100% width the images go back to 80×80. They are crisp , but not filling that image space.

    https://ibb.co/JyPRVFf
    In this image it is your default setting, but I would like the image to span the full column width.

    https://ibb.co/jvJJDTT
    We want them to fill the space like this, but not be blurry.

    Is there a way to change it so that it is not using that tiny 80×80 thumbnail.

    aber warum sind von jedem Bild mehrere verschiedene Größen bzw. Pixel-Größen vorhanden ?

    Wordpress generiert selbst schon 3 Varianten ausser der Hochgeladene Version.
    Ein Kleines, welches als Thumbnail für viele Dinge herhalten muss, aber auch einen mittlere Auflösung.
    Enfold nun hat für seine vielen unterschiedlichen Alb Elemente (Masonry, Galerie, etc. pp) auch Versionsgrößen, die es vom System generieren lässt.

    in der für den von ihm verwendeten Monitor bzw. der Auflösung passend angezeigt wird

    Enfold verwendet noch nicht das srcset Feature. Wird aber wohl (eventuell schon im nächsten Update) kommen. Da ist es in der Tat dann so, dass je nach Bildschirmweite aus dem Set das nächstliegende Format angezeigt wird.

    1. Man kann automatische Updates zulassen ( ist wohl default so, ich bevorzuge allerding manuell veranlasste Updates – überall auch WordPress).
    1a. mittlerweile gibt es ein schönes Plugin (Update Theme and Plugins from Zip File) – das ist wirklich einfach zu handhaben.
    2. siehe 1
    3. getrennt – weil ja auch die Updates zB von einander abhängig sind.
    Enfold reagiert zB auf WP Updates etc. die Plugins dito.
    4. CDN : das streiten sich die Geister – Google findet es garnicht gut glaube ich gelesen zu haben. Ich finde es könnte sinnvoll sein. Für kleine Seiten gibt es da auch schon kostenfreie ( da Volumenabhängig ) Anbieter (Cloudinary)
    4a. Stell dir nur mal vor, du hast große Filme und möchtest die nicht über Youtube laufen lassen. wenn dann der Film physikalisch auf so einem CDN liegt belastet das Abspielen nicht deine Serverperformance von WebGo.
    6. Wenn du die Einstellung der Webseite machst nimm den SSD Festplattenspeicher für die Seite. Der Space ist eigentlich immer genug. Arbeitsspeicher ist da schon wichtiger.
    7. Kommt auf den Traffic an, den deine Seite generiert. wenn 2 Besucher gleichzeitig einen selbstgehosteten Film angucken ists wohl nie ein Problem, wenn 1000 dies tun schon.

    11. Kommt immer aufs Bild an. Wenn ich das aus Photoshop rauslaufen lasse (für Web speichern), sehe ich mir die Vorschau genau an. Es ist nun die Frage ob es auf das letzte Quäntchen Schärfe ankommt oder nicht. Oft sind sogar monochrome Verläufe schwerer darzustellen als kontrastreiche Bilder.
    11a. Hier gleich zu einem Enfold “Problem” – beim Hochladen der original Bilder werden diese entpackt (jpgs sind ja prinzipiell auch nur komprimierte Dateien) dann auf das Enfoldformat beschnitten und dann allerdings ohne Komprimierung gespeichert 100% jpgs.
    das kann man mittels eines Snippets in der functions.php des child-themes allerdings ändern.
    12. Schau dir mal die Seite gtmetrix.com an. Dort lasse ich mir die Seiten auslesen. Geschwindigkeitswerte und dort gibt es auch schon gute ansätze wo man Performance Probleme hat.
    So ist ein genereller Fehler – nicht zu überprüfen ob der Hoster überhaupt gzip (mod_deflate) aktiviert hat. Oft ist es einem selbst überlassen den Server dazuzubewegen. ZB über die htaccess datei im Root Verzeichnis.

    #1131257
    clairemartindigital
    Participant

    Hi there,

    could you have a look and ideally a solution as to why the thumbnails are semi transparent? This is something that has just started occurring recently. See link below as an example. Occurs on all portfolio items.

    Thanks in advance.

    #1131163

    Hi,

    Thank you for the update.

    Did you regenerate the thumbnails after the adjustment? There is a “regenerate thumbnail” button at the very bottom of the Settings > Media panel. You can also re-upload the images manually if you prefer.

    Best regards,
    Ismael

    #1130865

    Hey arallon,

    Thank you for using Enfold.

    The image used in the masonry grid is actually smaller than the one inside the lightbox. You have to increase the default size of the masonry thumbnail as described in the previous thread. Install the plugin, go to the Settings > Media panel and adjust the size of the “masonry” thumbnail. After the adjustment, click update or save, then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    I’ve tried to adapt this code (iconlist.js) with the one you gave me but it’s not woking..

    (function($)
    {
    “use strict”;

    // ——————————————————————————————-
    // Iconlist shortcode javascript
    // ——————————————————————————————-

    $.fn.avia_sc_iconlist = function(options)
    {
    return this.each(function()
    {
    var iconlist = $(this), elements = iconlist.find(‘>li’);

    //trigger displaying of thumbnails
    iconlist.on(‘avia_start_animation’, function()
    {
    elements.each(function(i)
    {
    var element = $(this);
    setTimeout(function(){ element.addClass(‘avia_start_animation’) }, (i * 350));
    });
    });
    });
    }

    }(jQuery));

    #1130499
    arallon
    Participant

    Hi,

    I have noticed that the when I go to my website and go to the Masonry element the preview images (in the grid) are slightly blurry but when I click on them and the open in lightbox the pictures are not blurry. How do I make it so the images in the grid are sharper? The same image is being used for both the featured image and lightbox so I feel like this shouldn’t happen.

    I saw other people were having the same issue so I installed Simple Image Sizes but not sure what to change and what to change to.

    • This topic was modified 6 years, 7 months ago by arallon.
    #1130162

    Adding &iframe=true to the end of the youtube URL did not work. Still launching in new tab.

    Complete URL example:
    https://www.youtube.com/watch?v=XXXXXXXXXXX&iframe=true

    I checked the source code and see this:

    <div class="flex_column av_one_half avia-full-stretch no_margin flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding avia-link-column av-column-link first avia-builder-el-5 el_after_av_hr el_before_av_one_half equal-height " style="background:url(https://xxxxx.jpg) center center no-repeat ; border-radius:0px; " data-link-column-url="https://www.youtube.com/watch?v=XXXXXXXXXXX&iframe=true"><a class="av-screen-reader-only mfp-iframe lightbox-added" href="https://www.youtube.com/watch?v=XXXXXXXXXXX&iframe=true">Follow a manual added link</a><div class="avia-image-container av-styling-no-styling av-desktop-hide av-medium-hide avia-builder-el-6 avia-builder-el-no-sibling avia-align-center " itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img class="avia_image " src="https://xxxxx.jpg" alt="" title="" itemprop="thumbnailUrl"><span class="image-overlay overlay-type-video" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 348px; width: 551px;"><span class="image-overlay-inside"></span></span></a></div></div></div></div>

    #1129971
    marketingnr1
    Participant

    Hello Kriesi team!

    i tried to minimize the gap between woocommerce single product and related products on enfold.
    But when i use the following code, every container is moving upside also on product categories.
    The problem i think is that the related prodcuts might be in an avia container?!

    li.product.type-product.status-publish.has-post-thumbnail {
    
    	bottom: 200px;
    }

    May be you can help me.
    Thanks in advance,
    kind regards!

    #1129894

    Hi Marco,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      #rpwwt-recent-posts-widget-with-thumbnails-2 img {
        margin-bottom: 75px;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1129508

    Hey schweg33,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
        margin: 15px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1128996
    roamingk
    Participant

    I have the latest version of wordpress and Enfold 4.5
    When I add new images to a gallery with the setting for thumbnails below a big image, the thumbnails load as large images and not in a row as they should under the large image.
    EG

    On other older pages it is working fine.
    I have disabled plugins but cant seen to find a conflict and I have also emptied the cache. Images are hosted on wordpress content network.

    Any advice as to what might be the issue?

    #1128955

    So I noticed that the thumbnails are being rendered okay when the window is resized. For now, I added this hack:

    
    <script>
    jQuery(function($) {
      if($('.page-id-556').size() > 0) {
        window.setTimeout(function() {$(window).trigger('resize');}, 500)
      }
    })
    </script>
    
    #1128953
    Simplify
    Participant

    We have a mansony gallery display bug. The thumbnails are cramped. I noticed that when viewing the page with admin-bar or if the window is resized, like opening the google chrome console, the thumbnails are okay.

    #1128798

    Hi,

    Thank you for the update.

    You have to adjust the default size of the “masonry” thumbnail. The following plugin should help.

    // https://wordpress.org/plugins/simple-image-sizes/

    After the plugin activation, go to the Settings > Media panel and look for the “masonry” thumbnail. Adjust it to the desired size, update, save and then regenerate thumbnails. However, please note that even if you managed to use the desired thumbnail size for the masonry, the image might not display in full because it has to resize the image to keep its aspect ratio therefore parts of image may overflow outside the masonry container. You can adjust that using css but it will probably distort the image or create white space around the container.

    Best regards,
    Ismael

    #1127169

    Hi Cohete.Net,

    Please have a look at these articles:

    WooCommerce: Move Product Gallery Thumbnails

    WooCommerce: Display Product Gallery Vertically (Single Product Page)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1126832
    boucherco
    Participant

    We uploaded a square image as a featured image. It works perfectly as a thumbnail but gets cut off as the blog featured image on the single page.

    Is there a way for me to change the blog image so that it remains with square dimensions and doesn’t get cropped.

    Thank you

    #1126820

    In reply to: Video website

    Hello, some additional information to avoid mistunderstandings. What I mean is: opening the bigger video in ONE click. Now I use a thumbnail on a collection page and when I click I arrive at a post with the video. There I have to click again, In YouTube this can be handled in one click.

    Best regards,
    Henk

    #1126642
    christian.wien
    Participant

    Adding of

    add_filter(‘jpeg_quality’, function($arg){return 50;});
    add_filter( ‘wp_editor_set_quality’, function($arg){return 50;} );

    in functions.php of childtheme did not work.

    Using plugins (e.g. Regenerate Thumbnails Advanced or Regenerate Thumbnails) to change the jpg quality also did not work.

    Only inserting the lines in functions.php of the theme is OK.

    Enfold 4.5.7.1 beta3

    Regards
    Christian

    #1126459
    creativeopole
    Participant

    Our goal is to remove product images completely.
    I used the following code in the functions.php file:
    remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 );

    However, I have a problem removing the left column in which the gallery was.

    https://ibb.co/JFDhvYX

    I used the following code in the child style.css file:
    .single-product-main-image {display: none!important; }

    In addition, I would like to delete all photo thumbnails in the store, categories.

    • This topic was modified 6 years, 7 months ago by creativeopole.
    #1126339
    Cohete.Net
    Participant

    I was wondering if it’s possible to put the thumbnails on the woocommerce single product gallery on the left of the image instead of the bottom, without losing the zoom functionality, i am using the woocommerce 3.0 product gallery, thanks in advance!

    #1126221

    Hi Marco,

    1. I have answered it in your other thread but it’s on 1 page specifically.

    2. (last box and remove bullet points) replace this code:

    #top .widget_categories ul {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    
    #top .widget_categories li {
        flex-grow: 1;
        width: 32%;
        float: none;
        padding: 15px 15px 15px 18px;
        margin: 15px 15px 8px 0px;
        border: ridge;
        font-size: 18px;
    }

    with:

    #top .widget_categories ul {
        display: block;
        text-align: center;
    }
    
    #top .widget_categories li {
        display: inline-block;
        width: 31%;
        float: none;
        padding: 15px 15px 15px 18px;
        margin: 15px 15px 8px 0px;
        border: ridge;
        font-size: 18px;
        box-sizing: border-box;
    }

    3. I could see the code if I check via page source but it’s not showing in the web inspector.
    First, remove these lines that you have (css tries to read it, just use comments like /* comments*/

    ------------------------------------------------------------

    Next, move this code to functions.php file:

    /* A seguire, questo aggiunge le foto nel mega menu */
    add_filter('wp_nav_menu_objects', 'avf_wp_nav_menu_objects', 10, 2);
    function avf_wp_nav_menu_objects($sorted_menu_objects, $args) {
    
        // check menu name
        if ($args->menu->name != 'Top Menu (Italiano)') return $sorted_menu_objects;
    
        // edit the menu objects
        foreach ($sorted_menu_objects as $menu_object) {
            // searching for menu items linking to posts or pages
            // can add as many post types to the array
            if ( in_array($menu_object->object, array('post', 'page', 'portfolio', 'products')) ) {
                // set the title to the post_thumbnail if available
                // thumbnail size is the second parameter of get_the_post_thumbnail()
                $menu_object->title = has_post_thumbnail($menu_object->object_id) ? $menu_object->title . get_the_post_thumbnail($menu_object->object_id, 'thumbnail') : $menu_object->title;
            }
        }
    
        return $sorted_menu_objects;
    }

    I think if that’s fixed, the code I gave should work.

    4. I’m not sure I understand this well, do you mean move the pics on the left and category to the right?

    Can you give a link to the page where other category widgets are showing?

    Best regards,
    Nikko

Viewing 30 results - 2,131 through 2,160 (of 10,095 total)