Viewing 30 results - 2,431 through 2,460 (of 10,096 total)
  • Author
    Search Results
  • #1072406

    After some more testing, thinking and testing:

    1.
    Changes to the thumbs array in the child theme DO work. I must have done something wrong last time. Sorry.

    2.
    After a bit of thought I’ve decided that its much more efficient for me to do the exact double-size high compression images by hand and then upload.
    While it’s nice to have the theme automatically do resizing and cropping, it just results in much heavier images, most of which I will not use anyway..

    3.
    I have commented out all thumbnails sizes in the child theme functions.php therefore..
    Thus regenerating thumbs loses all other sizes (except the WP ones for the Media Library).
    Going to try just using the full size original and having the theme CSS do downscaling.

    You can mark this topic as solved. I hope. Unless I’ve made a wrong assumption somwhere down the line :-)

    #1072327
    brunet77
    Participant

    Good tades, I would need to show images in the search of results. That is, when I write a product in the enfold search box. It shows a thumbnail, but when I hit enter and it takes me to the search page it does not show images. For me it is very important to show in the search the image of the product with its description.
    For example: https://kedatelow.com/?s=bolso
    How can I do it?
    Thank you.

    #1072219

    Ismael,

    Thanks for this I have now add the extra pice of code but the price in the custom field comes under the title in the main portfolio image, see http://www.peter-test1.co.uk/art-portfolio-item/jill-barthorpe-late-apples/ which is not what was wanted. What we need is to have the price showing on each of the portfoio thumbnails ONLY see screenshot. http://www.peter-test1.co.uk/price.jpg

    Many Thanks

    Pete

    #1072128

    hi Vinay, I am trying something similar, I am using the Portfolio grid in a page. When a portfolio thumbnail is clicked i would like an iframe of a website to be viewed in a lightbox. I have used several methods, for example

    and
    Google.com

    but what i have come to realize is, when i define the custom link in the Link portfolio item to external URL dialog box, it is reset when i click update
    2019-02-26_1935
    any help would be appreciated

    #1072095

    Follow-up:
    Same changes made in parent theme’s functions.php > thumbnails sizes become the way I set them
    Same changes made in child theme’s functions.php > thumbnails sizes stay what is orginally set in the parent theme and do not change the way they should (respecting the child theme’s functions.php).
    Can you help me understand why and provide a solution? Thanks in advance.

    #1072021

    Hi Enfold Team, I tested this out in hte meantime but am baffled by the results :-)
    Can you help me understand?

    I doubled the thumb sizes in the child theme functions.php:

    // – set WordPress compression of image and thumbnails on upload and resize to 90 or higher
    // images are manually resized, compressed and optimized BEFORE upload already
    // WP compression on images on resize/for thumbnails is standard = 82
    add_filter(‘jpeg_quality’, function($arg){return 90;});

    // remove “responsive images” srcset functionality in WP 4.4 and on from this theme
    remove_filter( ‘the_content’, ‘wp_make_content_images_responsive’ );

    // double-size thumbs for Retina screens and zoom
    $avia_config[‘imgSize’][‘widget’] = array(‘width’=>72, ‘height’=>72); // small preview pics eg sidebar news – ORG 36 x 36
    $avia_config[‘imgSize’][‘square’] = array(‘width’=>360, ‘height’=>360); // small image for blogs – ORG 180 x 180
    $avia_config[‘imgSize’][‘featured’] = array(‘width’=>3000, ‘height’=>860); // images for fullsize pages and fullsize slider – ORG 1500 x 430
    $avia_config[‘imgSize’][‘featured_large’] = array(‘width’=>3000, ‘height’=>1260); // images for fullsize pages and fullsize slider – ORG 1500 x 630
    $avia_config[‘imgSize’][‘extra_large’] = array(‘width’=>3000, ‘height’=>3000, ‘crop’ => false); // images for fullscrren slider – ORG 1500 x 1500
    $avia_config[‘imgSize’][‘portfolio’] = array(‘width’=>990, ‘height’=>800); // images for portfolio entries (2,3 column) – ORG 495 x 400
    $avia_config[‘imgSize’][‘portfolio_small’] = array(‘width’=>520, ‘height’=>370); // images for portfolio 4 columns – ORG 260 x 185
    $avia_config[‘imgSize’][‘gallery’] = array(‘width’=>1690, ‘height’=>1368); // images for portfolio entries (2,3 column) – ORG 845 x 684
    $avia_config[‘imgSize’][‘magazine’] = array(‘width’=>1420, ‘height’=>750); // images for magazines – ORG 710 x 375
    $avia_config[‘imgSize’][‘masonry’] = array(‘width’=>1410, ‘height’=>1410, ‘crop’ => false); // images for fullscreen masonry – ORG 705 x 705
    $avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>1690, ‘height’=>642); // big images for blog and page entries – ORG 845 x 321
    $avia_config[‘imgSize’][‘entry_without_sidebar’]= array(‘width’=>2420, ‘height’=>846); // images for fullsize pages and fullsize slider – ORG 1210 x 423
    $avia_config[‘imgSize’] = apply_filters(‘avf_modify_thumb_size’, $avia_config[‘imgSize’]);

    Save and regenerate thumbs.
    But then I watch the regenerated thumbnails and they seems to be back to the standard sizes.
    These are the currently registered thumbnail sizes, whether they exist for this attachment, and their filenames:

    thumbnail: 80×80 pixels (cropped to fit)
    medium: 300×300 pixels (proportionally resized to fit inside dimensions)
    medium_large: 768×0 pixels (proportionally resized to fit inside dimensions)
    large: 1030×1030 pixels (proportionally resized to fit inside dimensions)
    widget: 36×36 pixels (cropped to fit)
    square: 180×180 pixels (cropped to fit)
    featured: 1500×430 pixels (cropped to fit)
    featured_large: 1500×630 pixels (cropped to fit)
    extra_large: 1500×1500 pixels (proportionally resized to fit inside dimensions)
    portfolio: 495×400 pixels (cropped to fit)
    portfolio_small: 260×185 pixels (cropped to fit)
    gallery: 845×684 pixels (cropped to fit)
    magazine: 710×375 pixels (cropped to fit)
    masonry: 705×705 pixels (proportionally resized to fit inside dimensions)
    entry_with_sidebar: 845×321 pixels (cropped to fit)
    entry_without_sidebar: 1210×423 pixels (cropped to fit)
    shop_thumbnail: 100×100 pixels (cropped to fit)
    shop_catalog: 300×300 pixels (cropped to fit)
    shop_single: 600×0 pixels (proportionally resized to fit inside dimensions)
    woocommerce_thumbnail: 300×300 pixels (cropped to fit)
    woocommerce_single: 600×0 pixels (proportionally resized to fit inside dimensions)
    woocommerce_gallery_thumbnail: 100×100 pixels (cropped to fit)

    Thanks in advance for your help (I see you’re a bit flooded with help requests now…)

    • This reply was modified 7 years, 1 month ago by rob2701.
    #1071877
    metsi
    Participant

    Hey there,

    I just bought the theme and I’m trying to set up a website template. Some elements though, are visible only on Firefox, and work only if I browse the site while being logged in as Admin.

    Can you please help me out? Clearing cookies didn’t help. I’m having the same issue on Chrome for mobile.

    The misfunctioning elements are:
    – gallery (missing thumbnails)
    – testimonials slider
    – picture (section below the contact form)
    – partners slider (just above ‘team’)

    Any feedback would be appreciated!

    • This topic was modified 7 years, 1 month ago by metsi.
    #1071650

    Hi,

    Thanks for the update.

    You can use this filter to manually unset or disable specific thumbnails.

    // https://kriesi.at/support/topic/photos-taking-up-a-huge-amount-of-space-on-my-site-storage-anything-i-can-do/#post-1053453

    Or install the Simple Image Sizes plugin if you don’t to use the filter.

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

    Best regards,
    Ismael

    theartninja
    Participant

    Hello,
    I’ve looked through the forum and could not find a solution that worked for my site. In private content is link to screenshot of concept of how I would like the header to look. Also you can fix or tell me why when I upload images they are not showing up on thumbnails or viewing in media library?

    Please advise or please change in the site.
    Thank you,
    theartninja

    #1071478

    In reply to: Image size in gallery

    Hi ismael,

    That was it!
    I have changed size of the thumbnail in Settings and that solved my problem.

    Thank you for help.

    Best regards,
    Milorad

    #1071318

    @Jordan: My objective is to remove the “T” shaped border lines, separating the featured blog post and the other two blog posts on the right. I don’t mind keeping the box borders around the featured image and thumbnails but I would like to remove, again, the “T” shaped separator lines from the magazine element and ONLY those lines.

    Does that make sense?

    #1071097

    In reply to: Bildgröße

    Hey Reinhard,

    Thank you for using Enfold.

    That is the default lightbox image size, but it can be adjusted in the Settings > Media panel. Change the size of the “Large” thumbnail and then regenerate the images afterwards.

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

    Best regards,
    Ismael

    #1070636

    Hi,

    Thank you for sharing the details.

    1. To open a pdf when the user clicks on the portfolio item follow the below steps.

    a > Embed the pdf to your page if you cannot do that just copy the PDF link.
    b > Add ?iframe=true to the end of the URL to activate lightbox. Please refer to the link usage section.
    c > Add a new portfolio item with the PDF thumbnail image then set a custom link to open external pages.

    2. The footer and header both are full width. If you still have any issue please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)

    https://snag.gy/
    https://ctrlv.cz/en/
    https://imgur.com

    Best regards,
    Vinay

    #1070394
    rob2701
    Participant

    Hi Enfold team, thanks for a truly great theme! Impressive work!

    A question for the Team and a little explanation from me which may help other people on Enfold. As I’ve seen many people on this (and other forums) confused on how to deal with retina/non-retina images.

    I am happy to see that Enfold has taken the same approach I favour for catering to retina screens: upload double-size and let the theme/browser do the downscaling as needed.

    I basically treat images this way in WP:
    – create double-size true width/height
    – save them in Photoshop “save for web” with between 30 and 20% quality
    – run all images through FileOptimizer before upload
    – set WP compression to between 90 and 100
    – set thumbnails in theme functions.php to double-size and regenerate thumbs
    – run all thumbs from WP through FileOptimzer locally and re-upload through FTP

    My question to you:
    Do I need to manually double the sizes of the thumbs in the (child)theme’s function.php for the thumbnails or have your already done this? I would not want to make the thumbs 4x as big as needed :-)

    For Enfold users wondering about the why of this approach:

    Content images in a responsive template have different requirements compared to the traditional “this-is-the-width” approach. But all present attempts to serve up different image sizes to different devices, whether client-side or server-side, are incomplete at best and based on wrong assumptions at worst (apart from most of them not being standards compliant). Including the src-set approach favoured by WP and the plugin Retina approach. Why?

    These factors make the traditional (src-set) approach invalid:
    – the same content image is wider when there is no sidebar present
    – content images in widgets change width on various smaller screens
    – content images in sidebars change width on various smaller screens
    – high resolution / retina screens need a 2x larger image to be sharp
    – smaller screen widths may have higher resolution screens
    – users may always zoom in on each page (on desktop, tablet and phone)

    So we need to serve up much larger images in order to cater for the above. But we have no way of knowing in advance which device has which screen resolution with which layout and which zoom. At present the best solution in my opinion is therefore to serve up one large image and to let the browser do the scaling for us (modern browsers have become quite good at this). Yes, even for phones/tablets.

    This does not mean we need to bother our visitors with large image sizes, more data consumption and slower loading pages.
    High Resolutin/Retina images aren’t necessarily larger files, at least not with JPEGs. Since you have four times as many pixels with a twice larger size, you can get away with a great deal more compression, and the end result is sometimes even smaller than the original. A 400x400px image at 40% quality may appear no more heavily compressed than a 200x200px image at 80% quality, yet may be the same or smaller file size.

    By having a 2x larger image and then scaling down in the browser, it has the effect of reducing the jpeg compression from 8×8 squares to 4×4 squares (giving the compression 64 pixels to work with instead of 16) on standard monitors – even at high compression. This “false resolution” hides the increased numbers of jpeg artifacts. On retina screens the artifacts would double with a traditional size image scaled up.

    This is an interesting and extensive research article showing this option for dealing with highres images:
    https://www.netvlies.nl/tips-updates/algemeen/design-interactie/retina-revolution/

    Basically, it’s saying that, if you make the image quite large (width and height), but then save it at quite low quality, it still comes out very sharp on retina displays. It means that you can use the one same image on all devices, and that  the file size is very low, too, which is an extra bonus. You can set the width (with the height set to auto) of the image in the CSS to get the dimensions needed.

    This is currently my approach for dealing with both retina-friendly and bandwidth-friendly images.

    Example with a test photo with many details:
    Traditional: test-600x375px – 80% quality – size = 87KB
    Retina-friendly: test-1200×750 – 40% quality – size = 96KB
    Retina-friendly: test-1200×750 – 30% quality – size = 79KB
    Retina-friendly: test-1200×750 – 20% quality – size = 67KB

    Usually 30% quality “save for web” in Photoshop is quite enough for a double-sized (retina) image to remain sharp. And many times even 20% quality will work just fine. Try it out yourself.

    For Enfold users on Windows, may I suggest a great tool for (loslessly) compressing PNG and JPG (and many other formats) even further before uploading?

    FileOptimizer
    website: https://nikkhokkho.sourceforge.net/static.php?page=FileOptimizer

    #1070308
    Chris_85
    Participant

    Hi,

    i have a question. Is it possible to customize the structure of the woocommerce product slider? for example i want to change the order of html element. The Headline should stand above the product image?

    View post on imgur.com

    (move class inner_product_header above class thumbnail_container)

    Thanks

    Chris

    • This topic was modified 7 years, 1 month ago by Chris_85.
    #1070094

    Nikko,

    I have now added code and see now the custom field which I have now enetered in a custom filed called punchline but see nothing. The code I have entered now in the php file is below. I entered in the portfolio custom field “punchline” a price of £1750 and was hoping this would appear on the portfolio page under the title so we would have ……..Jill Barthorpe – Late Apples (TITLE)
    £1750 (PRICE)

    see http://www.peter-test1.co.uk/british-contemporary-art/jill-barthorpe-paintings/ where the is nothing. I have created a login if that helps
    PHP CODE below….

    function add_portfolio_punchline() {
    if ( is_single() && ‘portfolio’ == get_post_type() ) {
    $punchline = get_post_meta($post->ID, “punchline”, true);
    if($punchline != “”) { echo “<h3>”.$punchline.”</h3>”; }
    }

    }
    add_action(‘ava_after_main_title’, ‘add_portfolio_punchline’);
    add_filter(‘avf_portfolio_cpt_args’, ‘avf_portfolio_cpt_args_custom’);
    function avf_portfolio_cpt_args_custom($args) {
    $args[‘supports’] = array(‘title’,’thumbnail’,’excerpt’,’editor’,’comments’, ‘revisions’, ‘custom-fields’ );
    return $args;
    }

    #1070076

    Hi,

    Add this to functions.php:

    /**
     * Remove image links from WooCommerce thumbnail images
     *
     */
    
    add_filter('woocommerce_single_product_image_thumbnail_html','wc_remove_link_on_thumbnails' );
     
    function wc_remove_link_on_thumbnails( $html ) {
         return strip_tags( $html,'<div><img>' );
    }

    Best regards,
    Jordan Shannon

    #1069499

    Hi Zak,

    In your WordPress Dashboard, go to Appearance > Customize > Woocommerce > Product Images.
    Change Thumbnail width to 400 and save.
    Find, Install and Activate a plugin that regenerates images so all images will be regenerated otherwise you’ll need to re-upload product images again.

    Best regards,
    Nikko

    #1069496

    Hi condonpb,

    I see, try adding this php code in functions.php:

    add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_custom');
    function avf_portfolio_cpt_args_custom($args) {
    	$args['supports'] = array('title','thumbnail','excerpt','editor','comments', 'revisions', 'custom-fields' );
    	return $args;
    }

    Best regards,
    Nikko

    #1069372

    Topic: Margin issue

    in forum Enfold
    MarcusJeroch
    Participant

    Hi
    please look here:
    https://marcusjeroch.de/screens/margin-issue.jpg

    Left product has a huge gap between the price and the shipping link.
    How do i reduce this massive gap? (see screenshot)

    This is not a woocommerce issue – its a theme issue.
    Its a general question so please dont ask me about access!
    Marcus

    HTML (if needed)

    <a href="http://shop.xxxxxx.de/shop/events/adsfgh-kopie/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><div class="thumbnail_container"><img src="http://shop.xxxxxx.de/wp-content/uploads/halm.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="" srcset="http://shop.xxxxxx.de/wp-content/uploads/halm.jpg 1500w, http://shop.xxxxxx.de/wp-content/uploads/halm-300x200.jpg 300w, http://shop.xxxxxx.de/wp-content/uploads/halm-768x512.jpg 768w, http://shop.xxxxxx.de/wp-content/uploads/halm-1030x687.jpg 1030w" sizes="(max-width: 1500px) 100vw, 1500px" width="1500" height="1000"><span class="cart-loading"></span></div><div class="inner_product_header"><div class="avia-arrow"></div><div class="inner_product_header_table"><div class="inner_product_header_cell"><h2 class="woocommerce-loop-product__title">adsfgh (Kopie)</h2>
    	<span class="price"><span class="from">Ab: </span><span class="amount">0,00€</span></span>
    
    </div></div></div></a>
    #1069293

    In reply to: Image size in gallery

    Hi,

    Thanks for the update.

    Have you tried to adjust the size of the “Large” thumbnail in the Settings > Media panel? That is the thumbnail that is being used in the lightbox. Don’t forget to regenerate the thumbnails after the adjustment.

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

    Best regards,
    Ismael

    tonyiatridis
    Participant

    Hi,

    Can a masonry gallery show both the excerpt and title in the lightbox? It shows both on the thumbnail grid as shown here:

    But the lightbox shows only the title, can it show both?

    Thanks,

    Tony

    #1069234

    Hi,
    The srcset is being used for the news thumbnails in your footer, this is the element we are talking about right? If you want to control the sizes in the srcset then the Simple Image Size plugin will allow you to do this.

    Best regards,
    Mike

    #1068983
    Daniel
    Participant

    Hi,

    I’m using a portfolio grid on ca 50 pages with the Link handling option set to ‘Open a preview of the entry (known as AJAX portfolio)’. This works exactly as intended: when I click on an image or title in the portfolio grid, the images enlarges and there is text from the portfolio item next to the image. In this view however, I can again click on 1) the enlarged image and 2) all the thumbnails below this image. Those images open in a lightbox when clicked.

    What I want is to disable the option that the enlarged image and thumbnails can be clicked. I tried to use .pointer-events: none; but I can’t find the correct CSS to apply it to.

    Can you help me with that? Thanks!

    #1068210

    Hey KenMarshall,

    Thank you for using Enfold.

    Have you tried selecting or uploading large images, perhaps, twice the size of the current ones? You can also set the thumbnail size manually. Just look for the “Logo Image Size” settings.

    Best regards,
    Ismael

    #1067743

    Topic: square?

    in forum Enfold
    yampieters
    Participant

    hello

    1 why is it that the square thumbnails dont display square?
    http://cds.jmcwebdesign.nl/gebirodenburg/wp-content/uploads/2019/02/square.jpg

    2. and why are these not aligning left?

    best regards, jelle vanhijfte

    #1067457
    fcp
    Participant

    Hi everyone,
    I use Masonry on this page (in Private Content) and it used to work perfectly, but from a few monthes, animation on load doesn’t work anymore.
    Indeed, once the page is loaded and if you switch from one category to another, the nice animation is working, but on the first time the page is loaded, it is not and thumbnails only appears one after the other.
    Could you please help me?
    Thanks a lot!
    Regards,

    #1067419
    runekjensen
    Participant

    Hi
    I’m trying to make a portfolio grid of YouTube videos and been searching these forums for hours without any luck
    How is the best way to setup it up?

    I know I need to define a custom link and overwrite the portfolio link settings
    Then I then insert the same video source in the preview text
    But do I need to add an thumbnail manually…can’t I get it to grab the thumbnail automatically from YT?
    Also it only seem to work in a lightbox and not in the preview ajax, as it then opens a black preview windows and a lightbook in front of that

    I would like it to open in a preview window and play in that…not in a light box

    #1067096
    Tobias
    Participant

    Hi,

    on my website the mega menu not working.

    Thanks for your help.

    My Installation:
    Theme (Enfold) Version Number is 4.5.1
    Version 5.0.3
    Activated Plugins:
    All-in-One WP Migration
    Antispam Bee
    Better Search Replace
    Cachify
    Duplicate Post
    Duplicate Widgets
    Duplicator
    Enable Media Replace
    Klarna Payments for WooCommerce
    Mailchimp for WooCommerce
    Redirection
    Regenerate Thumbnails
    Simple Image Sizes
    Widget Logic
    WooCommerce
    WooCommerce Blöcke
    WooCommerce PayPal Checkout Gateway
    WooCommerce Services
    WordPress Importer
    WP Mail SMTP

Viewing 30 results - 2,431 through 2,460 (of 10,096 total)