Viewing 30 results - 5,041 through 5,070 (of 10,101 total)
  • Author
    Search Results
  • #657872
    Morcy
    Participant

    Hi,
    in Enfold, template ‘portfolio 2/3 gallery “, the thumbnails are displayed correctly. The large mouseover images but are blurred. The Lightbox Images are sharp contrast. I have tested different image sizes. The mouseover images are still blurred. What should I do?

    Regards
    Morcy

    Edit:
    I had chosen the image size for large gallery thumbnail wrong. The problem is solved. I’m so sorry.

    Regards
    Morcy

    • This topic was modified 9 years, 9 months ago by Morcy.
    #657809
    wacky32
    Participant

    Is it possible to have consistent space between the post slider on the post in the private contact link. There are 9 preview thumbnails split up into 1/3 columns. However, there’s a large gap between the columns. I’m trying to make the spaces between the thumbnails consistent.

    #657582

    Hi!

    Please add following code to Quick CSS

    .avia-content-slider .fake-thumbnail .slide-image {
        min-height: 0;
        border: none;
    }

    Regards,
    Yigit

    #657181
    cormie
    Participant

    Hi folks,
    I’m just wondering will enfold allow typical embedding of Google Photosphere images on a page and if there are any special steps that need to be taken to embed these?

    I want to display 3 separate thumbnail photosphere’s one page so am guessing having 3 small ones may be a bit much to load and perhaps a still shot should be in each thumbnail, which once clicked, will then open the photoshphere in it’s own window. I’ve the photoshphere’s live on Google from my personal account but would want them just to appear the same way as enlarging any photo if possible.

    Also on the last point, if a page has a lot of images and you want each image to be enlarged to its high res version, is it best practice to create a thumbnail version of the image and to size it appropriately so pages load faster and then users can see a larger version on clicking if they desire?

    I’m guessing having loads of high res images scaled down (but still the original high res file being read) and having 3 photospheres on the one page would be too much?

    Any help would be great!

    gualmen
    Participant

    We updated this web from another theme, it is the clients theme and we have it too for ourselves but when we look at the products they display wrong, image too big (reduced image size on woocommerce, regenerated thumbnails) text does not display like it should (all stacked to the side even price and title) we just changed theme and it shows like hell.

    #656188

    In reply to: Accordion questions

    Hi,

    The accordion in the theme demo is using the “featured” thumbnail (1500x430px). However, it will solely depend on your own preference. Play around with the settings until you get the best result.

    Best regards,
    Ismael

    Hi Lucille!

    Please try to instal and run the following plugin and let us know if it fixes your issues
    https://wordpress.org/plugins/regenerate-thumbnails/

    Regards,
    Basilis

    Lucille
    Participant

    I had a page on our site with just an ordinary wordpress gallery. The images were 6 across in the gallery and it took most of the page. Since changing to Enfold the gallery is just tiny. The images are tiny thumbnails. I have tried a few things to sort this but have not found what is causing it… I’m including a screenshot below, along with login info.

    Thank you for any help on this.

    #655982

    Hi,

    It’s probably a caching issue. You probably forgot to remove the cache after regenerating the thumbnails. Anyway, glad it is OK now.

    Best regards,
    Ismaeloo

    Hey!

    I’m sorry for the confusion. You can only select the available thumbnails produce by the theme. You cannot set the size manually.

    Regards,
    Ismael

    #655968

    In reply to: Sale badge position

    Hi,

    Please add this in the functions.php file:

    // custom script
    add_action('wp_footer', 'ava_custom_script');
    function ava_custom_script(){
    ?>
    <script>
    (function($){
    	function h() {
    	$('#top .product').each(function() {
    		var onsale = $(this).find('.onsale'),
    			thumb = $(this).find('.thumbnail_container');
    
    		onsale.appendTo(thumb);
    	});
    	}
    
    	h();
    })(jQuery);
    </script>
    <?php
    }

    This will move the onsale container inside the thumbnail container.

    Best regards,
    Ismael

    #655959

    Hi,

    Use this filter in the functions.php file to set another thumbnail size for the testimonial slider:

    add_filter('avf_testimonials_avatar_size', 'avf_adjust_testimonials_avatar_size' );
    
    function avf_adjust_testimonials_avatar_size($avatar_size) {
    	$avatar_size  = 'square';
    	return $avatar_size;
    }

    Default size is square. Use this css code:

    .avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
        width: 180px;
        height: 180px;
    }

    Best regards,
    Ismael

    #655933
    chrisj0nes
    Participant

    I am using the Featured Image Slider element to show a large preview pic of the featured image of my post.

    The resolution is low, as the element seems to be using a 495x400px thumbnail and then stretching the image to (on my screen) 1048x545px or larger. The actual image is 1620x1080px.

    How do I get the element use the real image instead of a thumbnail (or, at the very least, use an appropriately sized thumbnail)?

    Hi,

    try a code like this inside a text block element:

    [video mp4="http://p.wayfareescortvideos.julqpkzgks0t6.netdna-cdn.com/vod/wayfareescortvideos.julqpkzgks0t6/Wayfare-Escort-Camille.mp4" poster="https://wayfare-escort.de/wp-content/uploads/2016/06/thumbnail-video-camille.jpg"][/video]
    

    Best regards,
    Andy

    #655480
    Aaron
    Participant

    I’ve got relative posts displaying at the bottom of my individual blog posts. Each of which has a tool tip that should display above the thumbnail when hovering over the thumbnail.

    The css gets updated but the tip is missing. If I force the css to display the tool tip all tool tips display accurately though at the same time, which is not the desired behavior.

    Is this a known issue?…I’m not certain when it began, but I do know that I had to do that avia.js update to get the theme to work when updating to the newer wordpress version.

    Not hovered:
    <div class="avia-related-tooltip avia-tt" style="top: -24px; left: 247.375px; display: none; opacity: 0;">

    Hovered:
    <div class="avia-related-tooltip avia-tt" style="top: -24px; left: 247.375px; display: block; opacity: 1;">
    Yet, as mentioned, when hovered the tool tip is not showing…it’s only when I manually update the css does it display correctly.

    I’m looking at avia.js for a fix, but am a bit lost to what the issue might be.

    • This topic was modified 9 years, 10 months ago by Aaron.
    #655337

    Hi,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the portfolio image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Best regards,
    Yigit

    Hey kilimats,

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the attachment-large image size (increase its width / height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Best regards,
    Yigit

    #655055

    Hi!

    My bad. There’s a missing bracket:

    if ( has_post_thumbnail( $post->ID ) || $contentmod ) {
    

    Best regards,
    Ismael

    #654953

    I’m getting a syntax error on this line:

    if ( has_post_thumbnail( $post->ID || $contentmod ) {

    Yes but there is not manual thumbnail size in the dropdown

    screenshot – https://s31.postimg.org/n9qveytyz/Screen_Shot_2016_06_29_at_9_45_59_AM.png

    Hi,

    use this code to increase the thumbnail images:

    img.av-upcoming-event-image.wp-post-image {
    width: 100px;
    } 
    

    and adjust as needed.

    Best regards,
    Andy

    Hi,

    I did not see any options for manual

    Did you select the second option of the Preview Image Size settings? That is the “manual” thumbnail selection. Add this in the Quick CSS field in order to create a gap between the image and the content:

    .slide-content {
        margin-left: 20px;
    }

    Best regards,
    Ismael

    #654556

    Hi,

    Please try this instead:

    function avia_add_images_to_rss_feed($content)
    {
    	global $post;
    
    	$image = '' . get_the_post_thumbnail( $post->ID, 'medium' ) . '<br/>' . get_the_excerpt();
    	$contentmod = get_post_meta( $post->ID, 'feed', true );
    
    	if ( has_post_thumbnail( $post->ID ) || $contentmod ) {
    		$contentmod = !empty($contentmod) ? $contentmod : '';
    		$image = !empty($image) ? $image : '';
    		$content = $image . '<br/>' . $contentmod;
    	}
    
    	return $content;
    }
    
    add_filter('the_excerpt_rss', 'avia_add_images_to_rss_feed');
    add_filter('the_content_feed', 'avia_add_images_to_rss_feed');

    Best regards,
    Ismael

    #654518

    It can not be turned off and it updated every couple of hours.

    So my fix, from the help file, might have worked.

    Do I also need to update the thumbnail to 180?

    I can at least do what I think should be done and wait to see.

    I know you don’t want to deal with this lag time but if the cod I found should work

    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 180px !important;
    height: 180px !important;
    }
    I can keep checking to see if it happens. What I need to know for sure is if I also have to set the thumbnails to 180 and regen the images (or merely upload the 5 images again which is better).

    Thanks

    • This reply was modified 9 years, 10 months ago by stevenleith.

    Hi Yigit,
    I’m coming back to this now. I still can’t figure it out. I have added the function in functions.php and parallax has stopped, i resized the image thumbnails with the function.php to 2000 and regenerated thumbnails (the right sized image is now being pulled!!) but it still is cropping the picture. Do you have any other advice for me? I would like the image to span the area but not be cropped. if the height of the area the photo is in could change with the picture that would be excellent.
    If i set
    #av_product_description {
    background-position: center !important;
    background-size: cover;
    }
    part of the image gets cut off on the bottom as the browser gets wider.

    if i set
    #av_product_description {
    background-position: center !important;
    background-size:contain;
    }
    then even though a 2000px picture is being loaded it doesn’t ever span the width of the screen.

    #654257

    Hi,
    I am not going to add that code back to the site as it keeps breaking it and slowing down this project.
    All I want is the thumbnail that is added in the category to display on the page. This is not unusual and is normal practice.

    It works on abundance here: http://www.manscape.co.uk/a/skincare/

    This works on the Woo commerce platform in which I provided code above, however, for some reason it breaking Enfold. Is there any other person on this forum from Enfold that knows how to enable this?

    Thanks

    Vincent

    #654240

    Hi Ismael,
    This is not the default style and looking at the demo here: http://kriesi.at/themes/enfold/product/zoku-trioquick-pop-maker/ I can clearly see there is no background. Also,I would like it exactly the demo. Is there anybody working on this demo template that can advise how they got this?

    Have you tried to adjust the size of the Catalog Images thumbnail?

    Yes I have, I think the problem is the box size. See size difference below in private area:

    Regards
    Vincent

    • This reply was modified 9 years, 10 months ago by Vincent.
    #654145

    this is the css.
    little bit complicated because i needed to desig both ajax preview.
    one for full page and another for page that have sidebar.
    also the css maybe little bit rough, made it as quick as possible and got the result.

    /* ajax portfolio display the thumbnails at the side of the big pic instead of the bottom */ 
    .avia-gallery-thumb img {
    	max-height:160px;
    	width:auto;
    }
    
    .avia-gallery-thumb  {
    	margin-bottom:12px;
    }
    
    #top .portfolio-preview-image {direction:rtl}
    #top .portfolio-preview-image .avia-gallery img  {
    float: none;
    padding: 7px !important;
    width: auto;
    display: inline-block;
    clear:none;
    }
    
    #top .portfolio-preview-image {padding-top:40px;}
    #top .portfolio-preview-image .avia-gallery .avia-gallery-big-inner {
    text-align: center;
    
    }
    #top .portfolio-preview-image .avia-gallery a  {
    float:right !important; max-width:100% !important;
    }
    
    #top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-no-crop-thumb   {
    float:right !important; max-width:320px !important;
    height:auto !important;
    margin-left:33px !important;
    /*background-color:#0F3;*/
    border:none !important;
    
    }
    
    #top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner img  {
    max-width:280px !important;height:auto !important
    
    }
    
    #top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner   {
    float:right !important; max-width:320px !important; height:auto !important
    
    }
    
    .avia-gallery-thumb { /*background-color:#039;*/ max-width:50% !important; float:right;}
    .avia-gallery-thumb img {border:none !important}
    
    /* display of ajax ortfolio entry when there is right sidebar */
    .sidebar_right .portfolio-preview-image {width:80%; !important; padding-right:22px;}
    .sidebar_right   .portfolio-entry  { width:100% !important;}
    .sidebar_right .avia-gallery-thumb { max-width:50% !important }
    
    .sidebar_right .avia-gallery-thumb img {
    	max-height:120px;
    	width:auto;
    }

    no side bar
    with side bar

    #654138

    In reply to: Images portfolio item

    Hey raymondleever,

    Thank you for using Enfold.

    The maximum width of the page depends on the value set in the Enfold > General Layout > Dimensions > Maximum Container width field. Unfortunately, you cannot set different images for the portfolio grid overview and the single portfolio page. But you can set a custom thumbnail in the Portfolio Grid Image Size settings of the Portfolio Grid element.

    Best regards,
    Ismael

    #654037

    In reply to: Custom Layout

    Hi,

    Could you please provide a screenshot of the expected layout of the page? Please edit the first column in a row then set the Equal Height Columns settings to have a Equal Height. Regarding the image alignment, this is an example:

    <a href="URL HERE"><img class="alignleft size-thumbnail wp-image-40" src="IMAGE URI HERE" alt="" width="" height="" /></a>Click here to add your own text. Click here to add your own text.
    

    Noticed the “alignleft” class attribute? It will force the image to float to the left allowing the text to wrap around it.

    Best regards,
    Ismael

Viewing 30 results - 5,041 through 5,070 (of 10,101 total)