Viewing 30 results - 1,741 through 1,770 (of 10,095 total)
  • Author
    Search Results
  • #1201202

    Hey liangjiashuo,

    Thank you for the inquiry. And quite sorry for the late response.

    You should be able to adjust the image size of the large thumbnail, which is the name of the thumbnail used in the lightbox, in the Settings > Media panel. After the adjustment, you can either regenerate all the thumbnails or upload them again.

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

    Best regards,
    Ismael

    #1201201

    Hey liangjiashuo,

    Thank you for the inquiry. And quite sorry for the late response.

    You should be able to adjust the image size of the large thumbnail, which is the name of the thumbnail used in the lightbox, in the Settings > Media panel. After the adjustment, you can either regenerate all the thumbnails or upload them again.

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

    Best regards,
    Ismael

    #1201156
    This reply has been marked as private.
    #1201036
    santanin
    Participant

    Good day. I used the CSS in this post – https://kriesi.at/support/topic/magazine-size/ – to make all the thumbnails and titles larger for my Magazine element, as well as have the borders line up. It worked perfect. The CSS I used was the first reply from Yigit (March 30, 2016 at 10:24 pm) in the post.

    This makes the thumbnails square. However, the thumbnails I uploaded were more of a portrait orientation, similar to an 8×11 size.

    By the thumbnails being square, the bottom and top of my thumbnails get cut off. I changed the CSS from Yigit slightly and made the 3 values for “min-height” to be 120px. This gave me the portrait orientation I wanted. However, all this did was extend the container of the thumbnail and add blank space below it. You can see this in the link I included below in the “Private Content” section.

    Can you tell me how I can stop, or reduce, the cutoff of the height and make it so the image fills the blank space below for each entry? Should I have not made min-height be 120px? I’m just trying to figure out how to make the thumbnail fill the blank space below with stretching the image. Thank you!

    #1200822
    mbosse99
    Participant

    Team:

    I decided to remove the thumbnails from the latest news widget – too small, and if I increase the image size e.g. to 60×60, the text overlaps the image. Thus I removed the thumbnails entirely using this code:

    .newsbox .news-thumb, .newsbox .news-time {display: none;}

    However, the list is not nicely readable, and thus I’d like to display it as a bullet list. How could I do that?

    Thanks,
    Magnus

    #1200791

    Hello, please change the existing code (register-portfolio.php, raw 42) with our new code that contains the custom field ‘supports’ => array(‘title’,’thumbnail’,’excerpt’,’editor’,’comments’, ‘revisions’,’custom-fields’ ),
    Every time when Enfold makes an update we have to change this code by hand. Please make sure that your development department will change the code automatically with every new update.
    Thank you and best regards Olaf

    #1200700
    designyvr
    Participant

    Hi,

    Is it possible to make the portfolio thumbnail images sharper?
    The uploaded files are much larger, but the images are still appear blurry.

    Thank you for your advice!

    • This topic was modified 5 years, 11 months ago by designyvr.
    #1200660

    Hi Eduardo,

    When you upload the logo in Enfold > Theme Options > Logo, make sure that you chose Full Size, I think on your end by default Thumbnail is used that’s why it’s cut off.
    Best regards,
    Nikko

    #1200646

    Hi Nikola,

    There are 2 approaches for this, first one is via plugin:
    https://wordpress.org/plugins/simple-image-sizes/
    Then go to Settings > Media, change the size of the Masonry image size and regenerate images.

    Second one is via code (in a child theme).
    If you don’t have a child theme yet, you’ll need to use one, you can download and find instructions in the link: https://kriesi.at/documentation/enfold/child-theme/
    Then add this code at the bottom of functions.php (and change the width and height values):

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

    This will only resize for masonry images that has been uploaded after the code is added.
    For old images, you can use regenerate thumbnail plugins.

    Best regards,
    Nikko

    #1200645

    Hi Gary,

    Yes, they are hidden by design. You can add this code to make them visible again:

    
    @media only screen and (max-width: 767px) {
      .responsive table.shop_table .product-thumbnail {
          display: block;
      }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1200527
    #1200364

    In reply to: logo and image

    Hello Guys,

    Good Morning!

    I’m facing a similar problem uploading my logo, in both places, “Theme Options” Tab and also in “Header” for a transparency logo.
    After upload a logo, it crop the image to a thumbnail size.
    The correct size should be 300×73, it becomes a square like 80×80, even after upload in Media.

    Here some Screenshots:
    https://prnt.sc/rrzp36
    https://prnt.sc/rrzrdt
    https://prnt.sc/rrzrr8
    https://prnt.sc/rrzt34

    Im using Enfold ver. 4.7.4
    WP: 5.4

    Looking forward to solve this.
    Thanks in advance.

    Cheers,
    Eduardo.

    #1200274

    Hey Jordan,
    Still having this issue.

    There are 4 Images in the gallery but only 3 thumbnails underneath. At initial load the first image is showing (in big view top of the 3 thumbnails of the other 3 images in the gallery) When I hover the thumbnails it is not possible to go back to the first image. Shouldn´t be all 4 images displayed as a thumbnail so that I can jump back? Hope that discribes the issue. (when I click on the image lightbox is opening and there I can navigate through all the images. But not every user will click on the thumbnails)

    Notice: the first 2 images look quite simmilar. The first one has some additional text, the second one has no text included. Maybe you didn´t notice when you had a first look.

    #1200157
    GePu
    Participant

    Hi there,
    ….hope you have a clue what causes this strange behaviour.
    I just realized that when I use the gallery-element the first image in the gallery is showing in the beginning but when hovering the thumbnails underneath there´s no thumbnail for the first image. So when you look through the images (without opening via lightbox by hovering the thumbnails) the first image is not showing any more. Kind of strange?

    Well it´s not a big issue but quite strange. Help appreciated.

    thx in advance,
    GePu

    Hi Mike,

    Tried it. I had to use both the removing of the thumbnail rendering plus the CSS (or the default pencil would appear when you hover over the image and it was strange behavior) but it looks awful either way as the boxes have different sizes according to the title length.

    I think it would be best if maybe you would consider it as an option for a new Enfold release? Show titles and no thumbnails?

    How can I change the number of related posts that render from 6 to 4? This would help load less images (lower the number of HTTP requests) per post as well.

    Thank you so much!

    Havi

    #1199563
    grivers99
    Participant

    I had recently asked about the thumbnail size in my shopping cart..but thought I should start a new thread concerning the font size.
    The default font in the shopping cart is 6pt. Its way too small for most of our shoppers online.
    Can it be changed through css?
    if so..can you give me the css code?

    Thanks so much in advance?>

    #1199404

    Hey grivers99,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .woocommerce .cart.shop_table .product-thumbnail img {
        width: 300px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1199252

    Hi,

    Thank you for the update.

    The value sticky will actually cause the sales badge to stick on scroll. Please try to use this css code instead.

    #top #wrap_all .main_color .onsale {
    	display: none;
    }
    
    #top #wrap_all .product_on_sale .thumbnail_container::before {
    	content: 'Sale';
    	background: red;
    	height: 50px;
    	border-radius: 100%;
    	line-height: 50px;
    	width: 50px;
    	display: block;
    	text-align: center;
    	color: white;
    	position: absolute;
    	right: 10px;
    }

    Best regards,
    Ismael

    #1198988

    Hi There

    Yes if I could have some help with the CSS.

    1. On the mobile, I want to hide the grey thumbnail at the top of the post page.
    Here’s a screenshot.
    https://www.dropbox.com/s/1wjtirxxni0xvhn/Screenshot%202020-03-30%2014.15.33.png?dl=0

    2. On the mobile, I want the post title font family to be the same as the desktop.
    Here’s the desktop view:
    https://www.dropbox.com/s/9qlgc57kjvn54b9/Screenshot%202020-03-30%2014.17.40.png?dl=0

    Here’s the current mobile view:
    https://www.dropbox.com/s/cjridumjh9shuiq/Screenshot%202020-03-30%2014.18.01.png?dl=0

    Cheers Jane

    #1198924
    grivers99
    Participant

    I saw one answer on the forums, but i couoldnt get it to work. maybe i need a bit easier instructions. it said put a code in funtions.php file. but not sure if it meant for the woocommerce or child theme functions.php file.

    IN my woocommerce shopping cart the thumbnails are a ridiculouslyu small 45×45 (or smaller)… I want them to show up to be at least 100×100.
    (The original pic is 600×600.
    How do I do that?

    I would appreciate a fix…

    #1198842

    yes – and maybe then you have to style a bit this new content:

    .search-result-counter {
        padding: 0;
    }
    
    .search-result-counter img {
    	width: 100%;
    	height: 100%;
    	border-radius: 100px;
    }

    and if you like to have both Counter and above the heading an image replace with f.e.

    $searchimage = get_the_post_thumbnail( $the_id, 'entry_with_sidebar' ); // look to the info on the bottom - you can take what you like to have here
    echo "<span class='search-result-image'>{$searchimage}</span>";
    echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

    then style it with f.e.:

    .search-result-image img {
        width: 300px;
    }

    _________________

    just for info:

    $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);
    $avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);
    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
    $avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );	
    $avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 
    $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
    $avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );	
    $avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );
    $avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );
    $avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 
    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
    • This reply was modified 5 years, 12 months ago by Guenni007.
    #1198796

    Hey adxdigitalmarketing,
    Sorry for the late reply, find the loop-search.php in enfold/includes and make a copy of it and upload it to your child-theme subfolder “includes” such as: “enfold-child/includes”
    On line 33 look for:
    echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";
    and replace with:

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

    The expected results:
    2020-03-29_061303.png

    Best regards,
    Mike

    #1198720

    try this in your child-theme functions.php:

    Here you can choose which of the image formats commonly used in Enfold you would like to use.

    
    function thumbnail_in_content($atts) {
        global $post;
        return get_the_post_thumbnail( $the_id, 'entry_with_sidebar' );   // image-size you like to use - adjust to your needs
    }
    add_shortcode('postImg', 'thumbnail_in_content');
    
    add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1);
    function avf_template_builder_content_postimage_mod($content = "")
    {
      if(is_singular('post')  || is_singular('portfolio') ) {
        $featuredImage = do_shortcode("[postImg]");
        $content = $featuredImage . $content ;
      }
      return $content;
    }

    ______________________________________

    Just for Info – not to place in the child-theme
    these are the used image sizes in Enfold:

    $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);
    $avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);
    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
    $avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );	
    $avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 
    $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
    $avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );	
    $avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );
    $avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );
    $avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 
    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
    #1198325

    Hello,

    ok, thank you for the reply. I do not like Masnory styled layout that is the main reason why I do prefer 1:1 for thumbnails..
    But can I use “Masnory” and modify it to be 1:1 in that case perhaps ?

    Best regards
    Amel

    #1198200
    Byrne
    Participant

    Hi There,
    I have made some styling changes to my blog, I’m using the default blog style with the grid layout, the changes appear on the desktop but not mobile. Here are the changes I’ve made.

    1. Remove the small thumbnail from the post page.
    .single .big-preview.single-small, .single .blog-meta {
    display: none!important;
    }

    2. Change the style of the blog titles on the blog page.
    h3.slide-entry-title.entry-title {
    text-align: cente r!important;
    margin-top: 12px !important;
    font-family: poynter-oldstyle-display, serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    }

    • This topic was modified 6 years ago by Byrne.
    #1198187

    Topic: Random product layout

    in forum Enfold
    Tonytag
    Participant

    Hi,

    Please let me know how can I make the thumbnail images from the shop page of my website to follow the design randomly.

    Kind regards,
    Tony

    Hi,
    You could try removing the thumbnails from this file:
    \enfold\includes\related-posts.php
    Try line 124 and change from: $output .= $image; to //$output .= $image;

    Best regards,
    Mike

    #1197944

    Hi,

    The size of the masonry thumbnails vary because the theme is scaling the images instead of cropping them, leaving their aspect ratio intact. If you want to crop the images to the exact dimension regardless of their aspect ratio, you have enable cropping or set the crop parameter of the add_image_size function to true. You can do that manually by editing the predefined thumbnail parameters in functions.php file or by defining your own “masonry” thumbnail using the add_image_size function.

    $avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
    

    // https://developer.wordpress.org/reference/functions/add_image_size/

    Or you can use this plugin to enable cropping for the “masonry” thumbnails.

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

    You have to regenerate the thumbnails after updating the parameters.

    Best regards,
    Ismael

    Hi Mike,

    It did work as a CSS and it’s not displaying them but it still loads the thumbnail. Do you know how I can avoid loading the thumbnail? My goal is to speed up the page load and reduce the DOM size.

    Changing the number of related posts from 6 to 4 could help too if avoiding the thumbnail load is too difficult or too complex.

    Thank you!!

    Havi

    PS: Sending you the URL to webpagetest.org so you can see the waterfall: https://www.webpagetest.org/result/200325_QY_c20fbb611ddb6ea09446c4b28fcf71e3/1/details/#waterfall_view_step1

    #1195683
    hanafi1234
    Participant

    hi, could anyone help me to get layout like this: image

    or could I just have the next and previous link and thumbnail beside the post .

    sorry for my bad engslish

    • This topic was modified 6 years ago by hanafi1234.
Viewing 30 results - 1,741 through 1,770 (of 10,095 total)