Viewing 30 results - 9,691 through 9,720 (of 10,094 total)
  • Author
    Search Results
  • please try to replace

    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    }).trigger('avia_start_animation');

    with

    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    });

    gallery.trigger('avia_start_animation');

    #132222

    Okay, I was able to fix the thumbnails. The problem was that I did not have the Graphics Draw library on my server. I installed it, regenerated thumbnails, and they now look fine. I also found that featured images crop correctly for grid on some but not all of the custom preview image sizes in blog settings – I’m using portfolio-small and that works for me.

    BUT the featured image in the blog post itself is still not working as you can see here: https://www.evernote.com/shard/s260/sh/c91b9098-ad45-42bd-9c1f-2a0f49e01922/38d885c2636b3005374370f92bb22c3e

    On the Enfold theme, this 1030×284 image is supposed to crop to 1030×360 and scale to a left aligned preview image, with the ability to expand it to its full size. My featured image does not crop to 1030×360 and instead only scales with a right alignment.

    You can also see it right aligning here: http://vmwpprod.mantis-tgi.com/?p=2334

    It also does this when I set the blog post format to “Gallery”. If I don’t set the blog post format to “Gallery,” the created gallery scales correctly to its settings in the blog post itself. If I do set it to Gallery, it right aligns and squishes it smaller than its settings in the preview.

    #27460
    mylander
    Participant

    how can i get rid of the previous/next navigation (the one with the round thumbnails) at the screens border?

    http://ares-muc.de/referenzen/munchen-schwabing-burogebaude

    #132221

    That solution could work to fix thumbnails, but it does not fix the fact that ALL featured images squish. Making all blog images squares also defeats the entire purpose. I don’t want my featured image to always be a square. I want large, dynamic images to go above my blog posts as featured in the Enfold theme. That’s why I bought it.

    If that is not clear enough, look at what happens when I make a gallery. I used the exact same large images from your website, regenerated thumbnails, and used this shortcode:

    [av_gallery ids='3466,3465,3464,3463' style='big_thumb' preview_size='gallery' thumb_size='portfolio' columns='4' imagelink='lightbox']

    This is what it looks like: https://www.evernote.com/shard/s260/sh/a1fa77d7-220a-42fd-9ba0-5f12d9af90d2/621dad2535c2b9ca24282ecb7f95eac8

    Clearly I have an issue that goes beyond simply cropping all my images to squares.

    #133500

    Yes, the code would work but I’d use

    function avia_change_image_size_array()
    {
    global $avia_config;
    $avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news
    $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs
    $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>901 ); // images for fullsize pages and fullsize slider
    $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider
    $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>330 ); // images for portfolio entries (2,3 column)
    $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>173 ); // images for portfolio 4 columns
    $avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>474 ); // images for portfolio entries (2,3 column)
    $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>687 ); // images for fullsize pages and fullsize slider

    if(avia_get_option('responsive_layout') == "responsive responsive_large")
    {
    $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>564 ); // images for portfolio entries (2,3 column)
    $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>807 ); // images for fullsize pages and fullsize slider
    }
    avia_backend_add_thumbnail_size($avia_config);
    }
    add_action( 'init', 'avia_change_image_size_array', 1);

    #133499

    So is this correct?

    function avia_change_image_size_array()

    {

    global $avia_config;

    $avia_config = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news

    $avia_config = array(‘width’=>180, ‘height’=>180); // small image for blogs

    $avia_config = array(‘width’=>1500, ‘height’=>901 ); // images for fullsize pages and fullsize slider

    $avia_config = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider

    $avia_config = array(‘width’=>495, ‘height’=>330 ); // images for portfolio entries (2,3 column)

    $avia_config = array(‘width’=>260, ‘height’=>173 ); // images for portfolio 4 columns

    $avia_config = array(‘width’=>710, ‘height’=>474 ); // images for portfolio entries (2,3 column)

    $avia_config = array(‘width’=>710, ‘height’=>270); // big images for blog and page entries

    $avia_config= array(‘width’=>1030, ‘height’=>687 ); // images for fullsize pages and fullsize slider

    avia_backend_add_thumbnail_size($avia_config);

    if(avia_get_option(‘responsive_layout’) == “responsive responsive_large”)

    {

    $avia_config = array(‘width’=>845, ‘height’=>564 ); // images for portfolio entries (2,3 column)

    $avia_config = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries

    $avia_config= array(‘width’=>1210, ‘height’=>807 ); // images for fullsize pages and fullsize slider

    avia_backend_add_thumbnail_size($avia_config);

    }

    }

    add_action( ‘init’, ‘avia_change_image_size_array’, 1);

    #132220

    Hi,

    I don’t see the problem with the latest news widget thumbnails. They are so small that you can’t even see what they really are. If you want to have a perfect image, please upload a square picture. The size of the thumbnail is 28x28px, if you upload a square image, they will be cropped as is without losing ratio.

    Regards,

    Ismael

    #133886

    Would be nice to have the thumbnails all the same size in my art gallery page as well

    http://www.eyecreative.com/art/

    #27395
    eyeCreative
    Participant

    HI

    Could you please help me figure out how I can have my portfolio thumbnails, on my home page, all the same size?

    http://www.eyecreative.com/

    #132219

    I regenerated all thumbnails. Nothing changed.

    #133498

    I noticed Kriesi now calls the function which registers the image sizes directly in functions.php. So we also need to call it in the child theme – use following code to change the image sizes:

    function avia_change_image_size_array()
    {
    global $avia_config;
    $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>200 ); // images for portfolio entries (2,3 column)
    avia_backend_add_thumbnail_size($avia_config);
    }
    add_action( 'init', 'avia_change_image_size_array', 1);

    and instead of

    $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>200 );	 // images for portfolio entries (2,3 column)

    insert your custom sizes….

    Hi,

    I have found a nice small Plugin: smarter-navigation.1.3.2. This Plugin remembers, if an user comes from an archive- or category-page to a single post. Normally you have to replace only ‘previous_post_link(‘ and ‘next_post_link(‘ with ‘previous_post_smart(‘ and ‘next_post_smart(‘ and it should work.

    But I did not found these expressions in the enfold theme. I inserted prev- next- links, that really display only, when you are coming from a category-Page. But in this case I have two pairs of links: the enfold arrows for the next post and the links inside the category. What can I do? The used code-lines:

    <!-- previous post in catetegory -->
    <?php
    $prev_post_id = get_adjacent_id_smart( true );
    if( $prev_post_id ) {
    $args = array(
    'posts_per_page' => 1,
    'include' => $prev_post_id
    );
    $prevPost = get_posts( $args );
    foreach ( $prevPost as $post ) {
    setup_postdata( $post );
    ?>
    <div class="post-previous">
    <a>">«Previous Post</a>
    <a>"><?php the_post_thumbnail('thumbnail'); ?></a>
    <h4><a>"><?php the_title(); ?></a></h4>
    </div>
    <?php
    wp_reset_postdata();
    } //end foreach
    } // end if
    ?>
    <!-- next post in category with first line: $prev_post_id = get_adjacent_id_smart( ); -->

    Is it possible to include the link above into the enfold-arrows or at least to fade out the arrows, when needed? One idea is, to place the extra-links above the enfold-arrows in a div with higher z-index.

    Regards,

    Günter

    #131705

    Hi,

    Sure I am cropping, but can just as easily set height at 300px and set width at 9999px , so that the aspect ratio remains the same and nothing gets cropped. By definition thumbnails are usually all of similar size. Go to amazon.com and look how they deal with displaying thumbnails of flag poles (vertical) and happy birthday banners (horizontal).

    The margin in my previous code is what centers them margin 0 auto; but it needs a definitive width to work, you are welcome to play around with it. perhaps try using em instead of px since thats more scalable regarding screen size.

    The way css issues are solved is via Google Chrome Developer Tools. I suggest you watch some youtube videos on how to use those tools built into the Chrome browser, since almost every answer can be found there.

    The css code I provided was the base css code, now you need to add some media queries based on this code and change the pixel width in each one probably. There is a problem with some of your galleries, the lower two, since they remain dim until the end of the page is reached, and that’s when they come alive.

    I made some for you but you need to adjust them. At higher screen sizes the first block behaves badly, and probably may need some separate code in order to drop the width of the two empty columns

    In original code you can try changing 591 to 691, its fine with all other blocks except first one (1/3 1/3 1/3).

    /*
    
    between 990 to 1139px
    */

    @media only screen and (min-width: 990px) and (max-width: 1139px) {
    .avia-gallery-thumb {
    width:621px;
    }
    }
    /*
    between 768 to 989px
    */

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .avia-gallery-thumb {
    width:408px;
    }
    }

    /*
    between 480 to 767px
    */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .avia-gallery-thumb {
    width:428px;
    }
    }

    /*
    smaller than 480px
    */

    @media only screen and (max-width: 479px) {
    .avia-gallery-thumb {
    width:268px;
    }
    }

    Thanks,

    Nick

    mrkuji
    Participant

    image animation on scroll .. thumbs have no gone grey till end again even with the .js patch to shortcodes.js

    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    }).trigger('avia_start_animation');

    has something else changed ?

    #131699

    Hi,

    I have a feeling you made some edit to the template files that is messing up the entire page. Because I took 3 of your photos and made a gallery with them. I am not seeing the problems you are experiencing. and everything looks nice and neat as you can see http://i.imgur.com/EvnraaY.jpg

    Try this css to center the text

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    text-align: center;
    }
    #top div .avia-gallery {
    text-align: center;
    }

    Now try this

    .avia-gallery-thumb {
    margin: 0 auto;
    width: 591px;
    }

    #top div .avia-gallery img {
    width: 100%;
    float: left;
    }
    #top .avia-gallery .avia-gallery-thumb a {
    float: right;
    }

    With this css, I got your page to look like this http://i.imgur.com/A6yYN84.jpg .

    Also please try to use images with a consistent height as the thumbnail, people can click on that image and see the full version.

    Thanks,

    Nick

    #133517

    In reply to: map shortcode plugin

    Hi Islmael.

    The problem seems not to bee the plugin.

    The map doesn’t position well, when it is within tab’s, and there not in the first tab that it is initialy opend.

    When i use the gallery within a tab, not in the initial tab as well, then i got issues with the thumbnails of it.

    You can see examples here:

    http://maurilux.com/portfolio-item/beach-villa-calodine/

    #132218

    Hi rapinion,

    Our queue system goes by oldest post to newest so each time you self respond it actually pushes the topic to the end. I would have responded yesterday but this last post pushed it until I’m just getting to this point now.

    It doesn’t look like any of your images have had their thumbnails created. Run the plugin mentioned above completely now that the content is live so that the images have their thumbnails created for all of the theme uses: http://wordpress.org/plugins/regenerate-thumbnails/

    Regards,

    Devin

    #133545

    Hi eakozel,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .widget .brand-thumbnails li, .brand-thumbnails li {
    clear: none;
    list-style-type: none;
    }

    Regards,

    Devin

    #133013

    Open up enfold/js/shortcode.js and search for this code around line 205:


    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    });

    change it to:


    //trigger displaying of thumbnails
    gallery.on('avia_start_animation', function()
    {
    images.each(function(i)
    {
    var image = $(this);
    setTimeout(function(){ image.addClass('avia_start_animation') }, (i * 110));
    });
    }).trigger('avia_start_animation');

    and the gallery thumbs should load immediately.

    #132217

    I haven’t heard a response on this issue in 4 days. What other information can I give you to help solve this problem?

    #133162

    Hi eakozel,

    Try adding this function to the bottom of your functions.php file and define your placeholder with it:

    /*
    * goes in theme functions.php or a custom plugin. Replace the image filename/path with your own :)
    *
    **/
    add_action( 'init', 'custom_fix_thumbnail' );

    function custom_fix_thumbnail() {
    add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');

    function custom_woocommerce_placeholder_img_src( $src ) {
    $upload_dir = wp_upload_dir();
    $uploads = untrailingslashit( $upload_dir['baseurl'] );
    $src = $uploads . '/2012/07/thumb1.jpg';

    return $src;
    }
    }

    You just need to replace /2012/07/thumb1.jpg with the route to your image in your uploads folder. So something like /2013/08/yourimagename.jpg .

    Regards,

    Devin

    #133054

    This may be a bit clearer. I have upload images that are 3004 px in width. When I view in lightbox the largest image that will show is 1351 px width and 901 px height. What sets this limit? Can you make it larger?

    Is it set by the standard wordpress image sizes?

    Thumbnail size 80 Width 80 Height

    Medium size 300 Max Width 300 Max Height

    Large size 1500 Max Width 1500 Max Height

    Please link this http://chriswardphotography.net/galleries/kids/ and open the image in lightbox and you will see.

    #133042

    Hi,

    Insert the Gallery element under the Media Elements tab. Add / Edit gallery images, under each image you can add a caption. It will show as a tooltip when you hover each gallery thumbnails.

    Regards,

    Ismael

    #131695

    ok.. if you have a 800×800 picture.. insert as a 2 column gallery.. if you choose any size less than half of the width of the column.. so say 450px x 450px – the captions appear underneath.. if you choose 300px x 300px the captions appear on the right of the thumbnail.

    so 1. How to stop this and 2. how to center align the captions under the pic *not left justified..

    Thanks again I know how busy you are and appreciate the assistance

    #131694

    perhaps you misunderstand.. I really have to have the captions.. but the text just to be aligned center under each thumbnail

    Most of the images are really huge and way over 300px – it does appear that the ones less than 300px are causing the problem ! I will try fixing the sizes and see where I go…

    help with the caption alignment would be great thanks !

    #132828

    Hallo,

    ich habe mir die Website angesehen und konnte keinen Javascript Fehler finden. Ich denke, wenn auch die Thumbnails, etc. nicht mehr angezeigt werden hat das Plugin vielleicht etwas in der Datenbank geändert (Attachment IDs geändert, bestehende Daten manipuliert, sodass diese nun fehlerhaft ausgewertet werden, etc.). Ich würde daher ein Datenbank Backup einspielen und überprüfen, ob dies das Problem behebt.

    #132216

    We moved some of the website online for testing. Here is a link to the blog: http://vmwpprod.mantis-tgi.com/?page_id=2650

    #130436

    In reply to: Enfold tablles

    Hi,

    On this page http://livedealer.org/dev/live-casino-games/live-blackjack/ and other pages like that, this css will fix the thumbnails , so all rows of thumbnails have same height. http://www.clipular.com/c?13089094=roSIXnMA2CWAcp_KfQUc6rwo5pU&f=.png

    h3.grid-entry-title {
    height: 40px;
    }

    Sorry , I still don’t see it. What page is it on? http://www.clipular.com/c?13089097=P9mS7j6EYtydza8Nu5DzxRi0VKw&f=.png

    ….oh the menu. It doesn’t look that way to me, but it overflows on the left side.

    Here is some css to take care of that

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    #header li:hover .avia_mega_div {
    width: 760px;
    right: -300px !important;
    }}

    Thanks,

    Nick

    #27128
    artistic24459
    Participant

    You can see all image thumbnail size in the functions.php

    Is there a way of changing or over-writing them in the ‘child theme’ function.php so I don’t have to keep updating the function.php if it is changed in an theme update?

    #132452

    Hi,

    yes the Template Builder is not supported by WooCommerce products because the template builder would overwrite the default woocommerce plugin templates and break many existing third party woocommerce extensions. Thus we decided that WooCommerce templateswon’t support our layout builder.

    If you want to add images to the products use the “featured image” option in the right sidebar (editor screen) and you can also use the “Product Gallery” field to add some thumbnails.

Viewing 30 results - 9,691 through 9,720 (of 10,094 total)