Viewing 30 results - 991 through 1,020 (of 10,101 total)
  • Author
    Search Results
  • #1333478

    Hey Ramon,
    Thank you for the link to your site, the closest I could come to your request is this script and css that shows the gallery image thumbnail alt tag on mouse-over:
    2021-12-19_005.jpg
    which works ok if the alt tag doesn’t contain too much text, since the image needs to be clickable to view the larger image above if there is too much text you can’t click the image.
    If you want to try this, add this code to the end of your functions.php file in Appearance ▸ Editor:

    function custom_gallery_tooltip_script() { ?>
        <script>
    (function($) {
    	setTimeout(function(){
      $("#top.single-product .flex-control-thumbs>li>img").wrap('<div class="alt-wrap"/>');
      $(".alt-wrap>img").each(function() {
        $(this).after('<span class="tooltip">' + $(this).attr('alt') + '</span>');
      });
    	},300);
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_gallery_tooltip_script');

    and this code in the General Styling ▸ Quick CSS field:

    .alt-wrap { 
      display: block;
      position: relative;
      margin: 0px;
    }
    .alt-wrap span.tooltip {
      opacity: 0;
      position: absolute;
      left: 0; right: 0; bottom: 0;
      margin: 0;
      color: #fff;
      padding: 5px;
      font-size: 10px;
      line-height: 12px;
      background-color: rgba(0,0,0,0.8);
      transition: all 300ms ease;
      transition-delay: 300ms;
    }
    .alt-wrap:hover > span.tooltip { 
      opacity: 1; 
      transition-delay: 0s;
    }

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1333400

    Hey nexusgeografics,
    You can edit this file:
    /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php
    on line 1084 find:
    $output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid. "' class='grid-image avia-hover-fx'>{$custom_overlay} " . get_the_post_thumbnail( $the_id, $image_size, $image_attrs ) . "</{$link_markup[1]}>";
    cut and paste before line 1124:
    $output .= '<footer class="entry-footer"></footer>';
    then add a custom class to the “avia-arrow” it will point down instead of up, to do this edit line 1085 from this:
    $output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
    to this:
    $output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow top-grid-title'></div>" : '';
    then add this css to your Quick CSS:

    .grid-entry .top-grid-title.avia-arrow {
        border: none;
        top: 49px;
        z-index: 1;
    }
    

    This is the results on my test site:
    2021-12-18_003.jpg
    Best regards,
    Mike

    #1333185
    THP Studio
    Participant

    Hey Gunter,

    I know you did a lot of work implementing srcset across the theme a while back, but I’ve just noticed an area that seems to have been skipped.

    If you look on the front end of an ALB gallery element displayed with Big image with thumbnails below it such as in the example link I’ve given, the first big image is loaded nicely and has srcset meaning a retina image can be displayed for HiDPI screens. Perfect.

    But if you hover over the thumbnails and then look at the big preview image that gets swapped in you’ll notice that the subsequent big previews don’t get srscet, and thus no retina images.

    On hover, it seems you have code that swaps things out and just ends up with one simple src tag instead of srcset.

    Could this be improved to include srscet please?

    If you have any questions please let me know, and thanks for your hard work.

    Tim

    #1333072
    peterolle
    Participant

    After updating all the “unchecked” information is showing up.

    Author, categories, tags, etc…

    I only need the thumbnail (and it is the only thing checked).

    Please share how to fix it because it is breaking my complete homepage layout.

    Thanks.

    #1332874
    navindesigns
    Participant

    How do I change the thumbnail dimension of the blog grid seen on this page – http://alexandere68.sg-host.com/blog

    The images are currently 495×400 but I would like it to be more of a rectangle dimension so less of the sides are cropped.

    Thanks

    Hi Günter, thanks for your response!

    Line 55 is:

    $content = ‘<div>’ . get_the_post_thumbnail( $post->ID, array( ‘width’=>300, ‘height’=> 300 ), array( ‘style’ => ‘margin-bottom: 15px;’ ) ) . ‘</div>’ . $content;

    It works fine with the earlier PHP version. Should I go ahead and try the new code or do you see something above that changes that?

    Thanks,
    Rob

    #1332376

    @Ismael,
    Thank you for your response. I have a couple naïve questions:
    1. I have placed the Image Element within a Color Section
    2. I added the “noLightbox” class name in the Advanced > Developer Settings > Custom CSS class field
    3. Silly Naive Question: Where do I add this CSS code?
    4. content: ‘Play Button Here’; – Is this the full URL for the button (e.g. https://kingdomlearners.com/wp-content/uploads/2021/12/Play-Button-Mouseover-for-Thumbnails.png)?

    Thanks so much for your help.

    #1332370
    peterolle
    Participant

    In previous versions I modified includes/loop-search.php line 35

    Commented this:
    echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

    Added this:

    $searchimage = get_the_post_thumbnail( $the_id, 'large' );
    echo "<span class='search-result-image'>{$searchimage}</span>";
    echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

    I see that 4.8.8 has some changes and I just want to be sure the modification should be the same.

    Thank you.

    #1332203
    Jules
    Participant

    I’m adding thumbnails that point to YouTube videos. YouTube forces extra stuff on top of the thumbnails which I’m trying to avoid.
    Here’s what I’m thinking:
    1. Add the raw thumbnail
    2. On mouseover, the play button image would appear
    3. When you click on the image, it takes you to another page

    On the Enfold template I’m using, I remember on the homepage it had “Recent Top Sellers” with images of men and women and they would change on mouseover – https://kriesi.at/themes/enfold-shop/

    I never looked behind the scenes to see how they were doing this. Examples are deleted now.

    Any suggestions would be greatly appreciated. Thank you

    #1331679

    Topic: Blog Layout

    in forum Enfold
    Luisgasser
    Participant

    Hi,

    im using the grid layout with 3 columns on my blog page. In the side bar are the archive articles.

    If i click on a sidebar article (for example October 2021) the blog articles have another layout. Not the grid.
    Articles shown with a small thumbnail and a big header bar under the thumb. This doesn’t look not so nice.

    Link for example: https://naturheilkunde-akademie.at/blog/

    Can i change the results of the sidebar archives it in the same grid layout as my main blog page?

    Thank you for helping!

    #1331392

    Hey Manos,

    Thank you for the inquiry.

    1.) This is possible but you have to modify the avia_ajax_search function in the functions-enfold.php file and adjust the thumbnail manually. Look for this code around line 396.

    $image = get_the_post_thumbnail( $post->ID, 'thumbnail' );
    

    2.) You can use the avf_ajax_search_query filter to adjust the number of posts in the search results container.

    add_filter("avf_ajax_search_query", function($query) {
    	parse_str($query, $parameters);
    	$parameters["numberposts"] = 2;
    
    	return http_build_query( $parameters );
    }, 10, 1);
    
    

    Best regards,
    Ismael

    #1331279
    Devo_online
    Participant

    Hi there,

    1) I am using Enfold Knowledgebase template and I would like to know if there is a way to change the thumbnail size of the AJAX results. Right now the thumbnail that is being generated is 80×80. I would like to get a 200×200.

    2) I am using the Relevanssi plugin to improve the accuracy of the results. and I noticed that the maximum number of the results can be too long sometimes. Is there a way to limit the number of results that the AJAX search returns?

    #1330945

    Topic: Images not showing

    in forum Enfold
    Soulshakin
    Participant

    Hi Rikard,

    I have a problem with all images on my website, also thumbnails in media library are not showing. Imported backups didn’t change anything. Can you help?

    Thanks
    Oliver

    #1330893

    Hi Victoria,

    I have a problem with all images on my website, also thumbnails in media library are not showing. Can you help?

    Thanks
    Oliver

    #1330791

    Hey jb84,

    Thank you for the inquiry.

    This is the actual image (see private field) used in the slider. Is the original image much sharper than this thumbnail or image? Please provide the original image so that we can upload and check it on our installation.

    Best regards,
    Ismael

    #1330755

    In reply to: Portfolio Thumb

    Hey xela,
    Thank you for your patience and the link to your site, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    
    add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
    function enfold_customization_modify_thumb_size( $size ) {
      $size['entry_with_sidebar'] =array('width'=>1500, 'height'=>1500 , 'crop' => false);
      return $size;
    }
    

    this will only take effect on new uploaded featured images, or you can use the thumbnail regeneration plugin

    Best regards,
    Mike

    #1330245

    Hey MikeTandySwag,

    Thank you for the inquiry.

    Looks like you adjusted the width of the portfolio preview container with the following css code, which also resizes the image.

    .portfolio-preview-image {
        /* width: 30% !important; */
    }
    

    Default width value is 66.6%. To remove the thumbnail, make sure to set the Ajax Portfolio Preview Settings > Display Preview Images settings to slideshow or image list.

    Best regards,
    Ismael

    #1330200

    @Yigit do you think this is a WordPress core issue? Should images added through ALB gallery, for example, be ‘attached’ to a post? I ask because I’m trying to use the Easy Add Thumbnail plugin so that I don’t need to explicitly add a featured image to my Porfolio Items and it’s not working and I think this might be the reason.

    EDIT if I use the classic editor and add media to a post, the media is ‘attached’ to the post in the media library. If I use an ALB element that adds media to the post, this doesn’t work. I find this weird. Why would Enfold not try to replicate default WP behaviour in this way?

    Thanks

    • This reply was modified 4 years, 5 months ago by ilowelife.
    #1329686

    In reply to: woocommerce shop mobil

    Hey melanie_erfrischt,

    Thank you for the inquiry.

    1.) You may need to adjust the height of the header on mobile view in order to increase the size of the logo. Please try to use this css code.

    @media only screen and (max-width: 767px) {
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
        height: 160px;
        line-height: 160px;
    }
    
    .responsive #top .logo, .responsive .logo img, .responsive .logo svg, .responsive #top #wrap_all .main_menu {
        height: 160px !important; 
    }
    }

    2.) The size of the thumbnails can be adjusted in the Appearance > Customize > Woocommerce > Product Images panel. You can also use a filter to adjust the default product image size. Please check the following documentation.

    // https://woocommerce.com/document/image-sizes-theme-developers/?quid=8cf885fd38c8c30cc929ffa354f88a0f

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    #1329496

    Topic: woocommerce shop mobil

    in forum Enfold
    melanie_erfrischt
    Participant

    Hi enfold-team,

    I´m using woocommerce for my clients new shop.
    I have some things, needing your help:
    1. The logo in mobile view is to small, how can I change the size (double or more)
    2. I don´t know how to change the size of the thumbnail size for products on shop page – changing it in media settings, doesn´t help unfortunately
    3. I´d like to show 2 products in one row in mobile view, how can I change this?
    4. Loading time, since I startet working with woocommerce page loading is very bad (5 – 8 sec). I´m already using image optimizer plugin but it doesn´t became better

    Thanks for your help so far,

    melanie

    ok – sorry, then I misunderstood him.
    I thought he just didn’t want the lightbox to open when clicking the thumbnails.
    So only the large image should be shown when clicking the thumbnails.

    Hi,

    Thank you for the info @Guenni007.

    The user wanted the big thumbnail to change on click instead of hover or mouseover, so the changes in the gallery.js file may still be necessary

    Best regards,
    Ismael

    Hey ilowelife,
    Thank you for your patience the file that controls this is \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\gallery\gallery.js and I did some testing but while the thumbnail mouseover behavior can be changed to click this also affects the behavior of the rest of the element and breaks large image popup because of how the script is written, unfortunately it would require a rewrite that is more than we can offer here.
    If you really want this customization, we can recommend Codeable for their experience and expertise with Enfold. Please follow the link to discuss your project and time frame with them.

    Best regards,
    Mike

    ilowelife
    Participant

    Hello:

    I am using the image gallery ALB element configured for Big image with thumbnails below and was wondering if there’s a way for the thumbnails to swap out the main image only onclick, as opposed to on mouseover.
    I did some user testing and users were quite confused by the behaviour because the onclick just opens the lightbox rather than showing them the preview of that image in the big image space. Their expectation was that you click the thumbnail to see the big image as preview, and click the big image to open the image itself.
    How might I go about adjusting this behaviour?

    Thank you

    #1328377
    ferdle
    Participant

    Dear Kriesi-Team,

    after updating one of my websites, all video thumbnails cutted off in height.
    in private content i´ll send you examples.

    thanks for your help!

    #1328222

    but the Media Gallery has the possibility to accept up to 12 columns.
    So put in your 64 Images with link and choose 8 columns with gallery style: small thumbnail

    Edit: sorry i didn’t read on from Otherwise …
    i’m looking now for a portfolio solution

    #1327737
    salt.design
    Participant

    Hi Enfold,

    We ran the latest update to Enfold this morning (4.11.21) and have noticed that the Masonry gallery, no longer works properly.

    All we see are popups of image at a larger size. We have used the gallery as menu and a way of linking through to other pages. We have links on the images and also within the gallery itself to ensure that when clicked on, they go to a page (rather than show a larger version of the thumbnail image).

    We were about to go live with our site, and now are unable to with this feature not working. Could you please provide some advice? Links to our site have been provided in the private content section.

    Cheers,
    Salt Design

    #1327492

    Hi Nikko,
    thanks a lot for reply!
    I changed media settings for thumbnail, medium and large (thumbnails were all regenerated) without any effect on height. Did I misunderstood something?
    Best regards
    Marc

    #1327151

    In reply to: Thumbnail Issue

    Hey kowalski,
    Thank you for the link to your site it looks like your featured images have a 16:9 aspect ratio (702×395) but the thumbnails need to be more square 206×166, thus the cropping.
    One way around this would be to use featured images that are more square and would show on your blog page correctly and then hide the featured image on the post itself and use your full-sized image instead.
    That is you would manually add your full-sized image at the top of your post and use the option to hide the featured image on the post:
    2021-10-30_011.jpg

    Best regards,
    Mike

    #1327032

    Topic: Thumbnail Issue

    in forum Enfold
    kowalski
    Participant

    Hello, I’ve nearly finished building out my site. The theme has been very easy to use so thank you.

    What I can’t figure out is how to get all thumbnails on my blog page to display the whole image rather than cropping the image so it only displays part of it which looks messy to me. I’ve managed to work out how to display the image like this on the post page so that’s all good. Just the thumbnails I need assistance with please.

    Or is there a way I could set the thumbnail as a separate image so they are custom. I could then create them in photoshop so they are uniform.

    Many thanks

    Damien

Viewing 30 results - 991 through 1,020 (of 10,101 total)