Viewing 30 results - 9,721 through 9,750 (of 10,078 total)
  • Author
    Search Results
  • #26951
    rapinion
    Participant

    On the Enfold theme preview (http://kriesi.at/themedemo/?theme=enfold), this image is shown as the featured image in grid format for a blog post.

    Under Latest News in the footer, this cropped image is shown as a thumbnail.

    On my blog, the featured image isn’t cropped into a thumbnail for the News widget, it’s squished into a distorted square. How do I fix that so it looks like the Enfold theme?

    Hi tasoskouk

    Your images should all be larger than 450×450 pixels for them to be cropped at the same height. For example, this image: http://tasoskoukouvitis.com/enfold/wp-content/uploads/2012/12/KitchenAid-Espresso-Machine-1.jpg is 391x530px. So when it gets cropped down to 450×450 it only crops the one edge because the other is already smaller than that size.

    Then in the column view the images get scaled down to fit the column number but the width is smaller than the others so it actually uses more height to get the image to fill that whole width.

    What I usually recommend is that you put all of your product images on a white background in an image editor and position them in the center. Then save all of your images at the same large size so that you are always working with the same size canvas and wordpress can manipulate the thumbnails as needed but it will all always be the same.

    If not that way then just for the images that are non-standard like the mixer.

    Regards,

    Devin

    #26917
    mrkuji
    Participant

    this is a child of https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs#post-127924 this issue.. but I thought appropriate to add a new topic..

    1. When adding a single column gallery with say a 300×300 px image…or a 2 column with two 300px images, how can you get the images to align to the center of the column you have placed it in ?

    Check the alignment here .. http://shoutkey.com/am

    first 3 pictures are diff sizes but not aligned. second 2 pics are using a spacer image..

    Images seem to left justify along with their captions. I would like to have multiple galleries in a page – some with 2 images, some with 3, mostly the same size but aligned to center of the page.. I tried adding a spacer image for 3 columns using 2 main images but the space is padded far too much…

    2. captions underneath the thumbnails.. if adding 2 images to a 3 column layour – the captions move directly to the right side of the image.. depending on the size of the thumbs, the captions sometimes appear underneat, sometimes break half underneat and half on the side.

    3. Is is possible to align the captions to center underneath the thumbnail, not just left justified.

    I tried `/*caption align*/

    .visible-caption{

    text-align:center;

    }

    ` with no joy..

    Thanks again

    thorsky
    Participant

    I am haing some issues with this theme

    1. The images for galleries are still not showing even though I have added code into custom css you have told me to add from previous support ticket.

    http://latishawoodonline.com/body-paintings/

    http://latishawoodonline.com/fashion/

    It works on galleries that have not that many images like – http://latishawoodonline.com/drawings/ but the images are shown at like 40% opacity on the galleries that have a lot of images and only show full opacity once user has scrolled.

    2. The gallery is not responsive… When I resize the browser the thumbnail images all keep their same height and adjust only their width causing a distorted thumbnail image that looks really bad. The entire thumbnail should resize.

    I own may Kriesi themes and this one seems to have more issue than the other ones.. Hopefully you can resolve this gallery issue soon and add an updated theme to themeforest so I can use for future projects…

    Here is the custom css I have added that you have given me from other support tickets.

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {

    width: 25%;

    max-height: 147px;

    height: 147px;

    }

    #top div .avia-gallery img {

    height: 100%;

    max-height: 100%;

    }

    Can you please help fix this or send me new theme pages or css code since the photo gallery is the most important part of this website I am doing and it currently has multiple issues.

    Thank you

    #131591

    Hi Wild-Speed,

    Unfortunately not at the moment as far as I know. The effect is built into the LayerSlider plugin and would need to be modified on their end for best results (the plugin is a third party one Kriesi has a license to include it built in).

    Regards,

    Devin

    #131578

    In reply to: Landing page menu

    Hi,

    The functionality you are describing is currently (for the moment) not one included in the theme and would be a time intensive modifications that IMO would be outside the scope of the support team.

    Show none of them as active – you wrote , and by that do you mean show no portfolio thumbs? You can use css to block the images on initial load by positioning the thumbnails off screen or hidden if I understood you second question correctly.

    Thanks,

    Nick

    #131492

    Hi David,

    1) The theme has a couple of different options for galleries but there isn’t one available similar to the example. See: http://kriesi.at/themes/enfold/shortcodes/gallery/

    2) When you’ve added a gallery you just need to click on its element in the advanced layout builder. The Gallery pop up appears and you can then click on the images to add more to it or edit them as well as change the gallery style and image size.

    3) Load times for images are independent of the theme. You can use something like w3tc or WP SuperCache to increase the loading times of your site overall but ultimately when it comes to images loading it has more to do with the individual user internet speed and the host where the images are located.

    Regards,

    Devin

    #131535

    In reply to: Related Posts

    I have found a way to exclude posts without thumbnails with CSS. But I still need help for sorting the related posts randomly.

    Regards,

    Günter

    #131364

    In reply to: Quick Question

    Hi DoGrinDigital,

    If you mean this page: http://kriesi.at/themes/enfold/features/ its a tabs element with the tabs positioned on the left. If you mean the one on the home page of the demo its 2 half width columns and one has an image slider with thumbnails in it.

    Regards,

    Devin

    #26782
    Wild-Speed
    Participant

    The thumbnail navigation is a great feature in the layerslider, but the thumbnails are showing in the middle of the slider.

    Is there a way to give the thumbnails a custom position within the slider?

    #26765

    Topic: Related Posts

    in forum Enfold
    kommbuero
    Participant

    I have two questions to the related posts in the “You might also like …”-section:

    How can I exclude posts wich have no thumbnails, so that only posts with images are displayed?

    And how can I realize a random order of the shown related posts?

    Thanks!

    #26753
    ashlandwebsites
    Participant

    Hi

    Thanks for another great theme. I am having some trouble with the galleries.

    1) When I check “Crop thumbnail to exact dimensions” in media settings the thumbnails are the ratio of the original image but they line up very awkwardly. http://www.nancyashmead.com/paintings/

    I created this galley in another theme with the basic wordpress gallery and it looks good with images various ratios. http://www.judithpavlik.com/teens/ .

    With Enfold the basic wordpress gallery has only one thumb size so I can’t use that either

    2)

    When I try to edit an existing gallery it shows that there are no images so rather than being able to add to a gallery I have to rebuild the whole gallery. This is a pain for my artist clients who are constantly adding new work to existing galleries.

    3)

    The load time is very slow. The images are semi-transparent for half a minute and then load to their full color versions.

    Thanks very much

    David

    #130797

    Hi,

    You can see all image thumbnail size on functions.php

    /*
    * Register additional image thumbnail sizes
    * Those thumbnails are generated on image upload!
    *
    * If the size of an array was changed after an image was uploaded you either need to re-upload the image
    * or use the thumbnail regeneration plugin: http://wordpress.org/extend/plugins/regenerate-thumbnails/
    */

    $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'=>430 ); // 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'=>400 ); // images for portfolio entries (2,3 column)
    $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
    $avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // 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'=>360 ); // images for fullsize pages and fullsize slider

    //overwrite blog and fullwidth image on extra large layouts
    if(avia_get_option('responsive_layout') == "responsive responsive_large")
    {
    $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // 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'=>423 ); // images for fullsize pages and fullsize slider
    }

    The one use for the portfolio featured image is this:

    $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'=>360 ); // images for fullsize pages and fullsize slider

    Regards,

    Ismael

    #130880

    1) You can try to center the logo with

    .logo.bg-logo{
    left: 50%;
    margin-left: -100px;
    }

    and instead of -100px insert a custom negative value. You need to calculate it by dividing the image width by 2.

    3) We use the standard wordpress oembed api: http://codex.wordpress.org/Embeds and afaik it does not support any additional parameters for the url. You can try to insert the iframe directly though.

    4) Yes by default Enfold will always “stretch” the columns to fill out the entire width. The thumbnail size will only change the image inside the column and the thumbnail may look distorted if it’s too small. You can try following code css code:

    #top div .avia-gallery img {
    width: auto;
    }

    it will overwrite the default width:100% code and the thumbnail shouldn’t re-size if the column width is bigger than the thumbnail width.

    #26651
    timbonnett
    Participant

    I realise this may be more woocommerce related but I have a category page showing subcategory thumbnails as well as products and all I would really like to do it add a title below the sub cat thumbs and before the product listing starts. At the moment the products show directly under the thumbs and I’d like to separate them a little.

    Heres an example: http://dev.timbonnettdesign.co.uk/product-category/activities/

    Not sure if the theme overrides any of this so thought I’d start here first.

    Many thanks

    #130438

    The only solution I can think of is to try a different thumbnail sizes (or maybe even define a new one with: http://wordpress.org/plugins/simple-image-sizes/ ) and to use small & cropped thumbnail images for portraits and landscape images. Then WP would crop the portrait images and the images would have the same dimensions like landscape images.

    #130813

    Hi Chad,

    1) You can change the portfolio grid option for Link Handling to Open entry on a new page which will make it so that the portfolio item doesn’t open up on that page as a lightbox.

    2) I’m not sure what you mean. The :hover effects are pretty hard coded into the theme so if you wanted to switch to an on/off state from a regular hover effect it would have to be done by a freelance developer as its quite a bit beyond what we can do via support.

    Regards,

    Devin

    #26618
    chadlewine
    Participant

    how do I switch the portfolio thumbnail action from “hover” to “click”?

    (So it changes the big image on click, instead of on hover – while keeping the effect when you do hover on the thumbnail.)

    so close to perfect, thank you!!

    #130794

    Hi Chris,

    There isn’t really a “best size” since the theme will create re-sized thumbnail images for the various grids and columns. Starting with something like 900×600 will give you a large enough size that it will never get stretched to fit a too-large area as long as its in a column.

    The demo for the ajax portfolio uses images that start at 988×642. See: http://kriesi.at/themes/enfold/files/2013/04/dash-iphone2.jpg . Which generates http://kriesi.at/themes/enfold/files/2013/04/dash-iphone2-495×400.jpg for the three column view http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/ .

    So starting with a large enough image size to fit the smaller uses will give you the best result but how big to start with is up to you and what you have available.

    For additional reference on all the image sizes the theme creates you can view the functions.php file starting at line 63.

    Regards,

    Devin

    #26443
    khalidmuharraqi
    Participant

    Hi!

    I have different images for my gallery in landscape and portrait mode and the gallery is in portrait mode. So, whenever it displays portrait images it does works fine but when it display landscape image, it destroy the entire look of the gallery and leave empty space at the bottom. means thumbnails looks too far apart from the preview window.

    My question is, is there a way to fix it any ideas?

    Please have a look at my website,

    http://goo.gl/agtw2

    #26570
    mrkuji
    Participant

    Hi there,

    Sorry to dump a load of requests but I wonder if you can help me. I have checked the forum and several solutions dont seem to work for me. The font formatting just will not apply

    I am;

    1. Trying to get the logo centered above the navigation menu (also centered)

    2. Change the font and font size for the navigation menu

    3. When inserting a video in the theme builder – how can I set the parameters for it ? ( Im looking at vimeo)

    and finally

    4. when inserting a gallery – the theme ignores the thumbnail sizing for preview. It only resizes based on the number of columns chosen.. I would like 3 columns with 200x200px but this always is ignored and I get something like 3 columns and 450px (full width)

    Thanks so much in advance… loving this theme !

    #26553
    chadlewine
    Participant

    Hi guys, 2 questions (related)

    1. how do I turn off lightbox on portfolios?

    then, in relation to that….

    2. how do I switch the portfolio thumbnail action from “hover” to “click”?

    (So it changes the big image on click, instead of on hover – while keeping the effect when you do hover on the thumbnail.)

    thank you!!

    chad

    #26511
    wackyadventurer
    Participant

    Hi,

    What’s the best way to display a Category of Posts in a thumbnail table format on a Page? In other words, I want to have a table (3x?) populated with the Feature Image and Title of a list of Posts that match a selected Category. I’m thinking of using a Portfolio, but I am having problems with getting it to work (even a simple list). If this is not the solution, I don’t want to waste time, at this point, to resolve the issue (I’ll figure it out later).

    Thanks.

    Marshall

    #130543

    Hi,

    On the youtube settings, you can upload a custom thumbnail. Please upload a thumbnail with the play button.

    This is the current youtube thumbnails: http://img.youtube.com/vi/U36XJaETbh8/maxresdefault.jpg

    Regards,

    Ismael

    #130208

    Hi,

    For the Portfolio Overview, you can edit wp-contentthemesenfoldconfig-templatebuilderavia-shortcodes > portfolio.php, find this code

    $output .= "<div data-ajax-id='{$the_id}' class=' grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";
    $output .= "<div class='main_color inner-entry'>";
    $output .= apply_filters('avf_portfolio_extra', "", $entry);
    $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 )."</".$link_markup[1].">";
    $output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
    $output .= !empty($title) ? "<h3 class='grid-entry-title'><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>": '';
    $output .= !empty($excerpt) ? "<div class='grid-entry-excerpt'>".$excerpt."</div>" : '';
    $output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
    $output .= "</div>";
    $output .= "</div>";

    Replace it with

    $portfolio_date = get_the_date($entry->post_date);

    $output .= "<div data-ajax-id='{$the_id}' class=' grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";
    $output .= "<div class='main_color inner-entry'>";
    $output .= apply_filters('avf_portfolio_extra', "", $entry);
    $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 )."</".$link_markup[1].">";
    $output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
    $output .= !empty($title) ? "<h3 class='grid-entry-title'><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>": '';
    $output .= "<br>";
    $output .= "<span class='post-meta-infos'>";
    $output .= "<span class='date-container minor-meta'>".$portfolio_date."</span>";
    $output .= "</span>";
    $output .= !empty($excerpt) ? "<div class='grid-entry-excerpt'>".$excerpt."</div>" : '';
    $output .= !empty($title) || !empty($excerpt) ? "</div>" : '';
    $output .= "</div>";
    $output .= "</div>";

    You can edit the date settings on Settings > General panel.

    For single portfolio without the Advance Layout Editor, you can edit includes > loop-portfolio-single.php, find the code:

    //display the actual post content
    the_content(__('Read more','avia_framework').'<span class="more-link-arrow"> &rarr;</span>');

    Below, you can echo the date code:

    echo "<span class='post-meta-infos'>";
    echo "<span class='date-container minor-meta'>".get_the_time('d M Y')."</span>";
    echo "</span>";

    Regards,

    Ismael

    #129764

    In reply to: Thumbnail Porportions

    Thank you!

    #130197

    1) Single product pages have a sidebar – you just need to drag’n’drop widgets into the “Single Product Pages” widget area. Afaik the “Displayed Everywhere” widget area is also supported on single product pages.

    2) There seem to be sidebars for everything else except single pages. My question then become why?

    First (standard) single pages support sidebars and even product pages have a sidebar but it’s not located on the right. We choose this layout because the design wouldn’t look good with a separate sidebar area. The product thumbnails are displayed on the left side and take one third of the page width. The space on the right is required for the product description, add to cart button, etc. Thus the only reasonable location for the widget areas is below the product thumbnails on the left side.

    #130042

    Sure – add following code to the bottom of functions.php

    function avia_add_images_to_rss_feed($content)
    {
    global $post;
    if ( has_post_thumbnail( $post->ID ) )
    {
    $content = get_the_post_thumbnail( $post->ID, 'full', array( 'style' => 'display: block;' ) ) . '<br/>' . $content;
    }
    return $content;
    }

    add_filter('the_excerpt_rss', 'avia_add_images_to_rss_feed');
    add_filter('the_content_feed', 'avia_add_images_to_rss_feed');

    #129763

    In reply to: Thumbnail Porportions

    You can reduce the menu height with following code

    #header_main .container, .main_menu ul:first-child > li a {
    height: 80px;
    line-height: 80px;
    }

    Insert it into the quick css field and increase/decrease the px value. If you decrease the value the white space will become smaller.

    #130147

    Hi,

    Use the Video element under Media Elements tab, insert the video url.

    You can also use the Image element, Set Link to Manually then insert the video url. This will open the video on a lightbox.

    Regards,

    Ismael

Viewing 30 results - 9,721 through 9,750 (of 10,078 total)