Viewing 30 results - 1,531 through 1,560 (of 10,095 total)
  • Author
    Search Results
  • #1239360

    Hey marsh1984,

    Thank you for the inquiry.

    The slider is actually displaying the whole image or thumbnail but they are cropped to the center. You might have to set the Styling > Slideshow Settings > Slideshow Image and Video Size to No Scaling to display the original uncropped version of the image.

    Best regards,
    Ismael

    #1238705

    Hi,

    Thanks for the login token. I can’t locate the problem unfortunately, maybe you want to hide the overlay altogether in those popups? It doesn’t add much value to those thumbnails anyway in my opinion.

    Best regards,
    Rikard

    #1238589
    MalcolmDesigns
    Participant

    Hi, I am using masonry gallery option on this page https://audreysterk.com/traditional-town-nantucket/
    I have the Flexible Masonry option selected with 2 columns.
    Issue – why doesn’t it fill the whole screen, why there is to much gap between images. Ideally it should look like https://www.peterdunham.com/big-canyon-1
    No matter what number of columns i choose 2 or 3 or 4 the image thumbnail should resize.
    it works fine with Perfect Grid & Perfect Automatic Masonry BUT not with Flexible Masonry.
    Please help.

    #1238102

    Thanks, so I added the code at the end of the function.php. I thought I did it correct, and actually Google bots started to recognize some of the troubled pages as “indexable” after I did it. But it wasn’t the end of the story…some other pages that were totally fine before the change suddenly became non live text-able (hence non index-able). According to GSC, it means “…cannot be shown in a live test, as these states are only shown when the user submitted the page using a sitemap, and sitemap information is not available in a live test.”

    So I deleted the code.

    Maybe you could try to add it in case I did something wrong? Thanks.

    Also, Google bots does not like anything fancy that Avia builder provides: I stopped using slider, gallery, video etc. I am even refraining from using thumbnails because it often causes size problem with GSC. I am making new pages using almost text only. It should not how it’s supposed be, right?

    #1237526

    Had the same issue on one of my site, not entirely sure why you need a Masonry gallery all of the images have the same proportions.

    I changed the gallery from masonry to just a standard gallery instead to get around the problem on one of my customer sites.

    Example below:
    https://www.scspm.co.uk/examples-of-our-work/

    The shake is caused by the size of the image files and the way that ajax loads the page

    Try uploading smaller images or selecting smaller thumbnail images in the gallery or switch to a standard gallery as only one of your images is a different size!

    #1236871
    S-edwards
    Participant

    Hello,

    Please see link below.

    If you click on the first “find Out More” Button you will see thumbnail images. For some reason the overlay does not appear the first time i hover on them. I have to move my mouse over it a few times to get it to show, once it DOES show its not centered over the image.

    Help would be appreciated,

    Thanks

    Hi sylwilson,

    The image used there is 180px and so having it at 300px the image will be stretched and very pixelated. You can try this code to see if this is big enough:

    
    .av-magazine-thumbnail,
    .av-magazine-thumbnail img {
        width: 180px;
        min-height: 180px;
    }
    

    Best regards,
    Victoria

    #1235920

    Topic: lightbox transparency

    in forum Enfold
    ferdle
    Participant

    hi there,

    in private content you will find a link. with a click on the blue button in the middle a lightbox will open and show an iframe. i could setup a transparent background for that.
    unfortunately this change effected the background of the gallery of the iframe also (you will see by clicking on the thumbnail).
    is there a possibility to keep the setup of the iframe lightbox, but setup the lightbox of the galleries back to enfold standard?

    i hope i explained it right…

    thanks in advance for feedback.

    best regards
    ferdle

    I see. Would you be able to give me some code to make the image on the left in my view here: https://www.tribeallgood.org/tag-blog/ to be larger? So the thumbnail is what i am referring to. If it could be maybe 300×300 px I think it would meet my clients needs.

    Thank you for getting back to me so quickly!

    Cary Benjamin
    Participant

    Hi Enfold team – We have a real estate portfolio page with about 100 properties and all is good — However – we are building a new page where we showcase a portfolio of ONLY what is available for rent.

    We are using the portfolio grid and have aded a tag “all available properties to the properties that are available, as well as their US State designation. The sorting works fine EXCEPT – when the user arrives at the page, the sort default shows ALL 100 properties.

    Is there a way that I can control the first landing on this page to show “all available properties” only – and not show ALL? I have provided the reference page – it is a work in progress due to the thumbnails,

    I appreciate your attention to this – Thank you in advance for your assistance.

    Cary

    #1234799

    Hi,

    WP creates the srcset from images with the same aspect ratio ( +/- 1 px ) as the image you are displaying.

    This means if the displayed image has e.g. 700px * 700px thumbs with a aspect ratio of 1:1 are considered responsive for scrset.

    If your displayed image e.g. has 1280 * 720 ( 16 : 9 ) and you do not have thumbs with 16 : 9 the image does not get any scrset.

    You find a list of thumbs in Enfold Options page -> Performance -> Responsive Images -> Image Thumbnails Info.

    If you need responsive images for 16 : 9 you will need to add additional image thumb sizes for 16:9.

    Best regards,
    Günter

    Hi,
    Sorry for the late reply, I believe the code Ismael shared is to remove the zoom from the product image on a single product page.
    I checked the link above to your sample page and the product image is not zooming for me.
    Is it still zooming for you?
    Your items under “Érdekelhetnek még” still zoom, to correct that please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .thumbnail_container:hover {
        transform: scale(1) !important;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    Hey Marcos Q.,

    Thank you for the inquiry.

    We can set the slider’s Styling > Slideshow Image Size to “No Scaling” to display the original image instead of the thumbnail. We can also adjust the default quality of the thumbnails a bit to decrease their file size.

    Please add this snippet in the functions.php file.

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

    Default value is 100.

    Best regards,
    Ismael

    #1234196

    Hi Gunter,

    Appreciate the speedy response as always.

    Yes, I noticed that Litespeed does that for any images that don’t have a srcset attribute, as I guess its looking for that in the code to inject the lazy loading correctly.

    So I’ve done some more digging. Yes, that images size is listed as a thumb in the Image Thumbnails section of Enfold.

    I just tried using the same image, but using any other image thumbnail size available from it (including Full Size) – and it works, full srcset added and litespeed showing it up correctly.

    It is directly connected specifically to that particular image size thumbnail.

    Any ideas?

    Thanks again

    • This reply was modified 5 years, 8 months ago by THP Studio.
    #1234130

    Hi,

    The reason why the images are not visible is a CSS rule:

    
    img[data-lazyloaded] {
        opacity: 0;
    }
    

    located in a script from litespeed.

    WP creates the srcset from images with the same aspect ratio ( +/- 1 px ). Do you have thumbs that have the same aspect ratio as the original image?
    You find a list of thumbs in Enfold Options page -> Performance -> Responsive Images -> Image Thumbnails Info.

    Best regards,
    Günter

    #1234116

    Hi Ismael,

    as next step, we would like to add some elements to the grid: Tags, product categories, product attributes and author avatar

    Also, the thumbnail is rather big in a single column, is it possible to have each element with multiple “inner_product_header_cell” elements next to each other (e.g. 3 columns: thumbnail, title/description, price)?

    #1233221

    Having the same problem since (4.7.6.1). Instead of having same size for all thumbnails, the ones that are vertical higher break the thumbnail view. Looks awful

    #1232586
    ColinWalton
    Participant

    I have just updated to the latest version fo Enfold 4.7.6. There seems to be an odd problem with the Full Width Easy Slider. For some reason there seem to be an extra ” below the slideshows. See this example:

    I have looked through the raw code using safari’s inspect element and can see this is where it is occurs, at the end of the li before the closing tag.

    <li class="slide-4" style="visibility: hidden; z-index: 2; opacity: 0; transition: none; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://colinwalton.co.uk/wp-content/uploads/2020/07/Trees-Pattern-Design-J-0-0-30pc-37-plus-chair-1500x630.jpg" width="1500" height="630" title="Trees Pattern Design J-0-0x30pc-37 plus chair" alt="Trees Pattern Design J-0-0x30pc-37 plus chair" itemprop="thumbnailUrl" style="left: 0px;"></div>"</li>

    It isn’t anything to do with the text on my page, as exactly the same now appears after all of my Full Width Easy Sliders.

    Hopefully you can see the problem and find a fix? Although on full screen it looks tiny, when shown on a mobile screen it is very obvious and takes up space too, shunting the text down.

    #1232377

    ### wp-core ###

    version: 5.4.2
    site_language: en_US
    user_language: en_US
    timezone: Europe/London
    permalink: /%year%/%monthnum%/%postname%/
    https_status: true
    user_registration: 0
    default_comment_status: closed
    multisite: false
    user_count: 2
    dotorg_communication: true

    ### wp-paths-sizes ###

    wordpress_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp
    wordpress_size: loading…
    uploads_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/uploads
    uploads_size: loading…
    themes_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes
    themes_size: loading…
    plugins_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/plugins
    plugins_size: loading…
    database_size: loading…
    total_size: loading…

    ### wp-active-theme ###

    name: Enfold (Ilyo) (enfold-child)
    version: 0.1.0
    author: Richard Olpin
    author_website: http://www.richardolpinphotography.co.uk
    parent_theme: Enfold (enfold)
    theme_features: avia_exclude_bbPress, deactivate_tribe_events_calendar, avia_exclude_GFForms, avia_exclude_menu_exchange, avia_exclude_relevanssi, avia_exclude_WooCommerce, avia_exclude_wpSEO, avia_exclude_wpml, avia_exclude_instagram_feed, avia_mega_menu, avia_improved_backend_style, avia_option_pages_toggles, avia_sidebar_manager, automatic-feed-links, nav_menus, menus, widgets, post-formats, avia-disable-default-shortcodes, avia_post_meta_compat, force-post-thumbnails-in-widget, post-thumbnails, title-tag, editor-styles, editor-style, customize-selective-refresh-widgets, responsive-embeds, editor-color-palette, editor-font-sizes, avia_no_session_support
    theme_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes/enfold-child

    ### wp-parent-theme ###

    name: Enfold (enfold)
    version: 4.7.6
    author: Kriesi
    author_website: https://kriesi.at
    theme_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes/enfold

    ### wp-plugins-active (6) ###

    Akismet Anti-Spam: version: 4.1.6, author: Automattic
    Classic Editor: version: 1.5, author: WordPress Contributors
    Contact Form 7: version: 5.2, author: Takayuki Miyoshi
    EventON: version: 2.6, author: AshanJay
    Hide YouTube Related Videos: version: 1.4.2, author: SparkWeb Interactive, Inc.
    Honeypot for Contact Form 7: version: 1.14.1, author: Nocean

    ### wp-plugins-inactive (7) ###

    All In One SEO Pack Pro: version: 3.6.2, author: All in One SEO Team
    iQ Block Country: version: 1.2.9, author: Pascal
    Optimus: version: 1.6.0, author: KeyCDN
    Simple Revisions Delete by bweb: version: 1.5, author: Brice CAPOBIANCO
    WP-Optimize – Clean, Compress, Cache: version: 3.1.2, author: David Anderson, Ruhani Rabin, Team Updraft
    WP Google Fonts: version: v3.1.4, author: Noah Kagan
    WP Super Cache: version: 1.7.1, author: Automattic

    ### wp-media ###

    image_editor: WP_Image_Editor_GD
    imagick_module_version: Not available
    imagemagick_version: Not available
    gd_version: 2.2.5
    ghostscript_version: not available

    ### wp-server ###

    server_architecture: Linux 4.4.223-icpu-044 x86_64
    httpd_software: Apache
    php_version: 7.4.8 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 256M
    max_input_time: -1
    upload_max_size: 2M
    php_post_max_size: 8M
    curl_version: 7.64.0 OpenSSL/1.1.1d
    suhosin: false
    imagick_availability: false

    ### wp-database ###

    extension: mysqli
    server_version: 5.7.30-log
    client_version: mysqlnd 7.4.8

    ### wp-constants ###

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content
    WP_PLUGIN_DIR: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/plugins
    WP_MAX_MEMORY_LIMIT: 256M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_LOCAL_DEV: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined

    ### wp-filesystem ###

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable

    `

    #1232237
    jonrouse
    Participant

    Hello,
    I’ve recently discovered a problem with one of the sites I’ve worked on. The page has a Gallery, with thumbnails below.
    However, all I am seeing is a short empty rectangle and one thumbnail. It was loading one image over the other until I disabled the animation.

    The host recently moved the site to a different server, I suspect it might be related. However, the preview of the element displays when editing the page, so maybe not. Would PHP version effect this? I’m not sure.

    I have moved the gallery off the page concerned to another page, which I have added a link to in the private section.

    Can anyone please help?

    EDIT: Seems to be something to do with the lightbox feature, if I disable it then the images load. I’ve done some research on your forums, pointing to a child theme header, but mine just uses the main theme.

    #1232222

    Hi Ismael,
    Sorry, I don’t understand what you mean.
    When I open the page in the editor it now looks different, did you change something?
    The preview page still shows the outdated content: https://audiofile.net.au/?page_id=1984&preview_id=1984&preview_nonce=4fde3402f7&_thumbnail_id=-1&preview=true
    Why is it not previewing correctly?
    Why only this page?
    How can I fix it?
    Please provide a detailed explanation that is aimed at the level of understanding of a beginner with WordPress and Enfold. Please provide some context to your answers so that I can understand you.
    Thanks Ralph

    #1231576

    Hey peterolle,
    Sorry for the late reply, it looks like the plugin PNG to JPG will convert your PNG to JPG and remove the old PNG.
    Then this plugin reGenerate Thumbnails Advanced will Regenerate all images and delete the old ones.
    I recommend backing up your images and database before using these plugins.

    Best regards,
    Mike

    #1231467
    chrishilli
    Participant

    Hello!

    I´m trying to open a single image in a lightbox. That for sure is very simple.
    I use the single image tool from avia layout builder because of the title overlay and zoom effect.

    But i have 4 single image boxes on one site used to show a big preview picture with title of a hotel room with a normal gallery of 3 thumbnails underneath.
    So if i click on one of single images i have the opportunity to click through all four single images (left/right arrow). In my case this is very confusing because this images are showing different kinds of room categories.

    I tried to give them a class and hide the arrows and pic counter. But this didn´t work because it´s a matter of the lightbox and not the single image tool.
    I also can´t hide them globally because the thumbnail gallery needs this navigation arrows.

    Is there a simple way to achieve to open a single image without this navigation arrows?

    Thankful for any help.

    Chris

    #1230997

    Also, WordPress 5.5 will implement lazy loading and image features to reduce layout shift.

    It mentions in there that themes can improve the experience even more, such as:

    “Theme developers are recommended to granularly handle loading attributes for images anytime they rely on wp_get_attachment_image() or another function based on it (such as the_post_thumbnail() or get_custom_logo()), depending on where they are used within templates. For example, if an image is placed within the header.php template and is very likely to be in the initial viewport, it is advisable to skip the loading attribute for that image.”

    Since work is being done on improving image handling in Enfold, would be great if 5.5 compatibility could be considered as well :)

    #1230686

    Hi Andre,

    1- You had following code in Enfold theme options > General Styling > Quick CSS field and in Appearance > Customize > Additional CSS fields

    .entry-title { display:none; }

    I deleted them.

    2- I added following code to Quick CSS to increase the width on single blog

    /* Increase single blog layout */ 
    #top .fullsize .template-blog .post .entry-content-wrapper,
    #top .fullsize .template-blog .post .entry-content-wrapper > * {
        max-width: 100%; 
    }

    3- That pencil icon is a placeholder that shows when you do not upload a featured image. I added following code to Quick CSS to remove it

    /* Remove featured image placeholder */
    #top .fullsize .template-blog .blog-meta,
    .avia-content-slider .fake-thumbnail .slide-image {
        display: none;
    }

    If you are going to upload featured images to your posts in future, please do not forget to remove this code.

    Please review your website :)

    Regards,
    Yigit

    • This reply was modified 5 years, 8 months ago by Yigit.
    #1230669

    Yow. Thank you. That’s nutso, though. Forcing 100% quality on an image that has already been compressed doesn’t make any sense. It does not improve the quality of the original, and only makes the site harder to download using cellular data.

    By way of comparison, an original image with a file size of 330k, for the 1320×748.jpg thumbnail / featured image, at 100% is bloated to 1 MB, and at 80% compression is reduced to 206k, with no visible difference in the image.

    At any rate, thank you for finding that for me. Adding this to functions.php in the child theme was the answer. Compression rate is changed by adjusting where it says “return 80”. In this example, 80 is 80% compression.

    /**
    * Sets the default image to 100% quality for more beautiful images when used in conjunction with img optimization plugins
    *
    * @since 4.3
    * @added_by Kriesi
    */
    function av_return_100(){ return 80; }
    add_filter('jpeg_quality', 'av_return_100');
    add_filter('wp_editor_set_quality', 'av_return_100'); 
    #1230367

    Thank you, Victoria, but, unless I missed something in those posts, these do not address my issue.

    I want to keep all the thumbnails, but when they are created, many of them have file sizes considerably larger than the original. It is the file size issue that is problem.

    I am running the latest version of everything, and php is using imagick. Image optimizer plugins do not solve this issue.

    Is there anything that can be done about this?

    Thank you.

    #1230301

    Yes, I figured out the problem.

    Working with this particular Enfold themed site now and then exceeds the router’s firewall DoS protection limit of maximum half open connections to one host. That limit is 100, which is quite high.

    Not sure what induces this problem.

    If apache where to serve the thumbnails from WP media library one by one with a separate connection for each of these requests.. that would explain it. Apache is configured to use KeepAlive. I suspect something with the Plesk PHP handler.

    #1229772

    Hello,
    I have run into the issue again, so not sure why. I updated to the latest version and am still having issues with the gallery not loading.

    It loads all the large images and not the thumbnails.

    Keith

    #1229621
    Tarakbc
    Participant

    Hi!

    We want the following ‘grouped product’ (https://mediteraistockholm.se/product/morgonmeditation-hosten-2020/) which shows a number of different booking options on various rows, to be displayed on the following post:

    However, when I add the above product to this post only a thumbnail of the product is shown and you have to click on the thumbnail to see all the options.

    One option is to add a ‘product list’, but we would prefer it if the grouped product (with all the corresponding booking options) could be shown instead because then you can add different numbers of tickets to the shopping cart directly from the grouped product interface.

    Grateful for any help!

Viewing 30 results - 1,531 through 1,560 (of 10,095 total)