-
Search Results
-
In reply to: Advice on blurry images
Hi charlotteraboff,
Images quality is reduced by WordPress unless you add this code to the functions.php file and reupload the images:
add_filter('jpeg_quality', function($arg){return 100;});https://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/
Here are some of the common causes of blurry images:— You upload a blurry image — it happens to all of us. It might’ve been an image that appeared nice on your mobile device, but it lost its beauty on desktop screens.
WordPress resizes the image — sometimes the images are resized in order to suit performance. That decreases their quality too. — Also, WordPress 4.4 has introduced a feature called Responsive Images. This favors performance for mobile devices and here’s nothing to worry about.Next, we suggest you a set of solid and easy-to-implement solutions:
—Increase WordPress’s default JPEG image compression limit.
— Resize the default thumbnail size and regenerate them using a plugin like Simple Image Sizes.
–Alter the sharpness of resized images.
–Regardless of the file format, use the RGB (screen) color space. The CMYK color space is only used in print media.Best regards,
VictoriaHello!
I’ve looked to many forum entries but unfortenly i haven’t found the right solution til now. I would like do change the “readmore” link to a Button with hover effect. I would like to replace the whole <p> with a button (avia button) and not just style the link as a button. Would you please give me an advice how to create a solution for this problem?
I would be glad if you could help me styling the Blog Layout entries with border around each entry and the categorie should be displayed in the thumbnail picture left at the top as you can see in the Layout on the page in private Content.
Thank you for your answer!
Glad to hear from you soon.
In reply to: Change widget image size
Hi Victoria! Thx for the hint!
I checked the file but there isn’t any setting.
But the size is read from $avia_config
$image_size = isset($avia_config['widget_image_size']) ? $avia_config['widget_image_size'] : 'widget';
So I tryed to change the setting with a filter in functions.php of the child theme.add_filter( 'avf_modify_widget_image_size', 'enfold_customization_modify_widget_size', 10, 1 ); function enfold_customization_modify_widget_size( $size ) { $size['widget'] = array('width'=>300, 'height'=>300); return $size; }Unforunatly no success – still when I check the sizes via regenerate thumbnails it is still 35×35 pixels.
Anything wrong with the filter?Hi,
I have forced the thumbnail size for products and its categories to 80×80. But, the sizes are not equal.
Please check and help me with the CSS for all the product category thumbnails to display in same size.
please check the Private Content for the website url.Thanks
SwathiHello,
can you please have a look at the screen shot, link is posted in a private section.
What I am looking for is to use “Gallery” square thumbnail layout in a portfolio page..Thank you
Best regards
AmelIn reply to: SINGLE PRODUCT PAGE IMAGE SIZE
Hi,
Thank you for the update.
You can use the following css code to resize the main image and move the thumbnails beside it.
.woocommerce-product-gallery__wrapper > a { width: 80%; float: right; } .woocommerce-product-gallery__wrapper > .thumbnails { float: left; width: 20%; } .responsive #top .woocommerce-product-gallery__wrapper > .thumbnails a { width: 100%; margin-top: 0; }Best regards,
IsmaelPlease check the screenshot that I sent in the previous reply. I am seeing white space between the preview image and bottom thumbnails. I want the preview image to show slightly below to reduce the white space.
Thanks
SwathiJust in case, I checked the shortcodes.js file that was mentioned in the older post (at https://kriesi.at/support/topic/photo-galleries-not-loading-thumbnails-are-greyed-out-enfold/), and confirmed that I had made the recommended setting change from 110 to 10.
I also checked another WordPress site’s gallery page — one that has a slower page load speed than my gallery page — and their gallery images display well.
Can you tell me why the Enfold theme’s galleries are not working?
We use the Masonry element to display thumbnails of portfolio posts on a portfolio post filtered by category. It is like looking at one product description and showing at the bottom of the post related products of the same category. Works fine, but we would like to show only OTHER portfolio items of the same category hide the one we are already looking at. Any idea how to do that?
You can see it online here and at the bottom of the portfolio post you see the other portfolio posts within the same category. We like to avoid that the “Romantic Venice …” one is shown on itself. It is kind of recursive.Hi guys,
I’m working on a shop for my website on which I plan to offer a range of documents.
Naturally, I’m using images that aren’t square (500x700px scaled to 387x542px), which causes a problem when (i) these images are displayed as related products (300x300px scaled to 291x291px) and (ii) in the product gallery (100x100px scaled to 120x120px). Is there a way to enforce custom dimensions in these categories that aren’t square?
Going by older posts in the forum, this should be doable – however – these posts are a few years old now; hence, the solution of how to go about this has become obsolete as WooCommerce has changed a lot over the years. Can you help me out with this?
Many thanks.
In reply to: Disable Auto Resizing
Hi,
Thank you for the update.
Are you trying to display the original version of Pet-Eye-View-Desktop-Web.jpg image? We thought that you wanted to adjust the thumbnail size used in a Portfolio Grid element. Anyway, we edited the portfolio entry and set the Image element to use the Full Size (470x2560px) version of the image without scaling. Let us know if that’s what you’re looking for.
Best regards,
IsmaelIn reply to: SINGLE PRODUCT PAGE IMAGE SIZE
Hii Victoria
I m still working on the single product page. Sorry to bother you again…
I would have the thumbnails on the left of the main image instead of bottom as usual and smaller size then actually. So main image and thumbnails take 60% of the page. I tried a css by Ismael in the forum but It dont works for me. Do you have a solution ?Hi again Victoria,
I went through the following steps:
1.) went to Admin > Enfold Child > Theme Update. This brings me to a page that requires that I enter My Themeforest Username, and my Themeforest API key.
2.) went to Themeforest, and clicked on “generate API key” button
3.) went back to Admin > Enfold Child > Theme Update page, and finished entering the information, and then clicked on “Save all changes button”
After this I cleared my cache, and loaded the gallery page, but am still getting the grey thumbnail images.
Let me know what further steps I need to take.
Thanks,
AlexIn reply to: Portfolio Thumbnails need resizing
Hey leahmessina,
Thank you for the inquiry.
You can set the Styling > Grid Settings > Portfolio Grid Image Size settings to second option and select a different thumbnail size for the Portfolio Grid items. The first option in the settings will display the original featured image without scaling.
Best regards,
IsmaelHi, I’m having the same issue as was described in this older post. I edited the line of code as indicated in the thread, but the thumbnail images still showed up as gray. What’s interesting is that when I make my browser window narrower, the full color thumbnail images appear.
I’ve tested this in both Firefox and Safari, and they both exhibit the same issue, and the same response to making the browser window narrower.
Any ideas (other than what was recommended in the older post mentioned above) as to why this is happening?
Thanks
Hi snitt,
No for older images, you can just install a plugin called Regenerate Thumbnails by Alex Mills (Viper007Bond), and use that plugin to regenerate old images.
You can remove this plugin afterwards :)Best regards,
NikkoHey there,
I need the AJAX Portfolio to not scroll to top, when a thumbnail was clicked.
Josue mentioned a solution here »#171923« but i can’t find the code in the file.
Can you please help me out?
Best regards
MaxIn reply to: Shortcodes in Excerpts
Hello Victoria,
Thank you for pointing me to that thread. I tried each method mentioned in it, and have had no luck.
I tried creating a modified portfolio.php in the child theme folder and modifying the functions.php in the child theme folder, as suggested by Andreas (who said he had success with this method). It did not work for me.
When I couldn’t get that to work, I removed the code from the functions.php in the child theme folder that pointed to the copy of the portfolio.php in the child theme folder. I also deleted the portfolio.php and its directory from within the child theme folder.
I left the standard “do shortcode in excerpt” code in the functions file, then followed Ismael’s instructions for editing the portfolio.php in the Enfold/config-templatebuilder/avia-shortcodes/portfolio directory.
This didn’t work for me either. I am not sure what else I can try to achieve this.
Like I mentioned earlier, the portfolio contains real estate property listings. The client’s request is to display the text beneath the portfolio thumbnail image in three lines, with the property name field being on top, property address on the 2nd line, and the price on the third.
Example:
PROPERTY NAME
Property Address
PriceIf I had the option (which I don’t) I would just use the title field on each portfolio entry for only the property name. I can’t do that, though, because the full address needs to be used in the title of the property.
Is there anything else you can suggest?
Thank you.
Hi,
I want to reduce the space between the product title and ‘add to cart’ section below the thumbnail image in product grid. Please help me with the css. Please check the image in private content for details.
Thanks
SwathiHi,
Thank you for the update.
You might be able to use the avf_masonry_loop_prepare filter to replace the default value of the url with the thumbnail image in the post loop.
Example:
// https://kriesi.at/support/topic/read-more-in-masonry-functions-file/#post-885717
// https://kriesi.at/support/topic/add-in-masonry-after-title-also-the-authors-name-and-category/#post-1044519
// https://kriesi.at/support/topic/add-acf-fields-in-portfolio-grid-masonry-without-using-the-shortcode-map/#post-1170991Best regards,
IsmaelIn reply to: Disable Auto Resizing
Hi,
Thank you for the info.
You can actually select the thumbnail size used in the Portfolio Grid element. The Portfolio Grid Image Size settings is located in the Portfolio Grid > Styling > Grid Settings toggle. Select the second option to enable the thumbnail dropdown.
Best regards,
IsmaelIn reply to: Blog, post featured image size cropping issue
Hi,
Sorry for the delay. You have to adjust the default size of the entry_with_sidebar thumbnail. You can either do it manually by editing the functions.php file or by using the Simple Image Sizes plugin — link below. If you opt in to use the plugin, after the activation, go to the Settings > Media panel and adjust the dimension of the specified thumbnail above. After the adjustment, save or update the changes, then regenerate the images. If you don’t want to regenerate all images, then you have to upload the featured image again.
// https://wordpress.org/plugins/simple-image-sizes/
Best regards,
IsmaelTopic: Shortcodes in Excerpts
Hello. I am using the Portfolio Grid to display a portfolio of real estate properties for a client. He will be creating new property listings himself, so I set up a number of custom fields using Advanced Custom Fields in order to simplify the process for him. He also doesn’t know much about WordPress or HTML, so I am trying to streamline what he has to do to create new portfolio entries / property listings.
The Advanced Custom Field shortcodes have worked well within the single portfolio entry, and most of the page content for new entries is easily entered by filling out a series of form fields.
But the client has asked for something that I’m having trouble doing – which is to display the property title information and property address that appears beneath the thumbnail image with a line break.
He wants:
Property Name
Property Address, City, State, ZipEach new portfolio / property entry currently uses the address as the title, and I will be modifying the titles to now include the property name, but I can’t create a line break in the title field after the Property Name so it displays above the address on the portfolio grid items.
Right now, I am using the excerpt field to display the price of the property (entered manually via text), but I figured I would try to use the excerpt field to display everything instead. I was going to add the Advanced Custom Field shortcodes for property name, address, and price to the excerpt field so I can achieve what he wants, style it, and keep his involvement in entering info to a minimum because all the info is being dynamically populated by the info he entered once in the ACF form fields.
I haven’t been able to implement it, though. I can’t get the shortcodes to work in the excerpt field.
I have read forum posts that instructed me to add the “do shortcode” filter to the child theme functions.php. I have also altered a line of code in the enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php, per another forum post suggestion.
After trying both of these, I haven’t had any luck.
Sorry for the long description, but I’m open to any suggestions you might have for how I can achieve this. Whether that involves using shortcodes in the excerpt field or not. Thank you!
I have had a constant back and forth trying to fix my portfolio items. They crop wrong and when trying to fix the cropping in the WordPress media library editing section, I don’t see any changes in my portfolio items. How can I customize the thumbnails for portfolio items? I would like to see the top of the featured image so that the portfolio item name is shown in the thumbnail. Currently, it is cut off
In reply to: Thumbnail size category archive
Hi 4pfelmus,
The only way to redefine the thumbnail sizes is to tweak postslider.php.
In your child theme please do what’s instructed in the documentation: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
Copy postslider.php in the enfold theme (wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > postslider folder) and paste it in the shortcodes folder of your child theme.
Edit postslider.php in the child theme and find these codes (line 596-597 in Enfold 4.7.3):case '4': $grid = 'av_one_fourth'; if($preview_mode == 'auto') $image_size = 'portfolio_small'; break; case '5': $grid = 'av_one_fifth'; if($preview_mode == 'auto') $image_size = 'portfolio_small'; break;Replace portfolio_small with the image size you want to use.
Hope this helps :)Best regards,
NikkoI have a custom blog page in grid style with the thumbnail size set to “Portfolio Small 260×185”.
The Category Archive Pages are also in grid style with the codeadd_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'blog-grid'; return $layout; }But the thumbnail size is automatic here. I want it to use the Portfolio Small thumbnails too.
I would be fine automatic for both, if the images would be the same size then…
good morning
I have a problem that is getting more complicated every time.
Your theme creates as 23 extra images for each image that we upload to the online store.
This is a great disorder because having many products and 5 or 6 photos per product, plus 23 tumbails.Each product of 200 kb of photo exceeds 23 MB per product.
Even with the Smush plugin installed we cannot solve it.
How can you disable so many unnecessary thumbnails?
Hi,
I’m using the grid layout and I wanted for each post to have a background color based on its category.
I searched in the documentation and found : https://kriesi.at/documentation/enfold/blog-post/ > Different post style for each category, which says :“All posts added to a specific category can be styled to look different from other posts using custom CSS code. A unique CSS class name in the format “category-xyz” is added to all of the post articles.”
But it seem there is no category class name added … here are the classes I got in the <article> for an article in the “news” category.
class=”slide-entry flex_column post-entry post-entry-51 slide-entry-overview slide-loop-2 slide-parity-even av_one_third real-thumbnail”
Can you help me with this ?
I tried to had {$cats} on this line of the config-templatebuilder/avia-shortcodes/postslider/postslider.php file but without success.
$output .= “<article class=’slide-entry flex_column {$style} {$post_class} {$grid} {$extraClass} {$thumb_class}’ $markup>”;Thanks a lot
