-
Search Results
-
In reply to: Post format video not showing thumbnail
Hey emilconsor,
Thank you for your patience the thumbnails are the featured images and videos can’t be uploaded as featured images so please include your video thumbnails as your featured images in your blog posts then they will show in the blog element.Best regards,
MikeHi,
After updating to the latest Enfold version a couple of days ago. Strange things seem to happen. I tried doing some debugging like disabling plugins (we don’t use many), or re-creating elements and objects to see if that fixes, but sadly no success. Here is a list we are running into:
1) New uploaded images that we want to use as thumbnails, using ‘feature image’ option in (portfolio) posts. Don’t show up in gallery elements. The post and the space for the thumbnail is here. But the image itself is not showing. I did some testing, any new images we upload to the website, don’t work. Any old images we already had from the past, still work.
2) Animated Numbers (the element). The description text below the number, now always shows “Add your own text” no matter what text you give it. The number itself is still working. This is on both already placed “animated numbers” elements we created in the past. And newly created “animated numbers” elements.
3) There seems to be a strange flickering artifact going on over the entire website when you roll over multiple (gallery) buttons. It’s as if the image of the button (or item) is, for a split second, full screen. Then every thing goes back to normal. We never had this before. It could of course also be a browser thing. It’s hard to say.Here is our website:
http://www.highpriority.comIf you go here: https://highpriority.com/portfolio/
You will notice that one of the thumbnails is missing. I will see if I can add more.If you go here: https://highpriority.com/portfolio-item/media-monks-lego-nexo-knights/
You will see the animated numbers and their issue. This is website wide. (except on the Smurfs project page where we used a static solution. We are going to apply this static solution everywhere).I’m seeking help, where to look, any tips of what it could be. I’m not a coder, but also not a complete layman.
Perhaps this is all related to the latest update of Enfold or WordPress? Perhaps I did something wrong and files are broken or corrupt.
Also note that I have a large-ish quick CSS file. So far it is all tested and keeping it clear where possible, but with limited understanding of code/css.Thanks for taking the time. You guys an gals make great themes!
Robert Berrier
In reply to: Blog in mobile alternate alignment
Hi,
Thank you for your patience, for your first issue your content slider creates a new “wrap” after every three items, probably based on the setting to only show three in each row, this adds a bottom margin to the last item on mobile, to remove please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:@media only screen and (max-width: 767px) { .avia-content-slider .slide-entry-wrap { margin-bottom: 0 !important; } }After applying the css, please clear your browser cache and check.
To change the space between columns try this css:
@media only screen and (min-width: 1024px) { .slide-entry-wrap > .slide-entry.av_one_third { margin-left: 2%; width: 31.333333333333332%; } }the default is:
margin-left: 6%; width: 29.333333333333332%;try adjusting to suit.
To change the size of your images try the Simple Image Sizes plugin, it is the easiest method. Once to set a new size for the “magazine” images you will need to “regeneration the thumbnails” for them to take effect.Best regards,
MikeIn reply to: Update time – foobar time
PROOF:
maskenzauber.com/temp/enfold-483.mp4 (works)
maskenzauber.com/temp/enfold-484.mp4 (messed)Code:
[av_heading heading='Überschrift' tag='h2' style='' subheading_active='' show_icon='' icon='ue800' font='' size='24' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='15' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' link='' link_target='' id='' custom_class='h2leistung' template_class='' av_uid='av-wi1cvv' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_three_fourth first av_uid='av-sexbw57'] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-ruxp997' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [/av_textblock] [/av_three_fourth] [av_one_fourth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-rineby3'] [av_hr class='custom' height='-500' shadow='no-shadow' position='center' custom_border='av-border-none' custom_width='50px' custom_border_color='' custom_margin_top='0px' custom_margin_bottom='0px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-r2l8ae3'] [av_icon_box icon='ue81f' font='entypo-fontello' title='Preise' position='top' icon_style='' boxed='' font_color='' custom_title='#b02b2c' custom_content='' color='custom' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' av_uid='av-qbofqu3' admin_preview_bg=''] Preise & FAQ[av_button label='FAQ' link='manually,#tab-id-2' link_target='' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-py4gvff'][av_button label='Preise' link='manually,#tab-id-1' link_target='' size='x-large' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pbgzg57'] [/av_icon_box] [/av_one_fourth] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-ovwwzdn' sc_version='1.0' admin_preview_bg=''] <strong>Lorem Ipsum</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [/av_textblock] [av_section min_height='' min_height_px='500px' padding='default' shadow='shadow' bottom_border='border-extra-arrow-down' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.1' overlay_color='#28343c' overlay_pattern='' overlay_custom_pattern='' av_uid='av-8vd7qz'] [av_one_full first av_uid='av-o3spxtn'] [av_gallery ids='30327,30326,30325,30324,30323,30322,30321,30320,30319,30318,30317,30316,30315,30314,30313,30312,30311,30310' style='thumbnails' preview_size='no scaling' crop_big_preview_thumbnail='avia-gallery-big-no-crop-thumb' thumb_size='portfolio_small' columns='6' imagelink='lightbox' link_dest='' lightbox_text='caption' lazyload='deactivate_avia_lazyload' html_lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' av_uid='av-jrmjqais' sc_version='1.0' admin_preview_bg=''] [av_hr class='invisible' height='40' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-2cyzbvf'] [av_button label='Weiter' icon_select='no' icon='ue800' font='entypo-fontello' link='page,14091' link_target='' size='small' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='none' border_width='' border_width_sync='true' border_color='' border_radius='' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-nc04ukb' sc_version='1.0' admin_preview_bg=''] [/av_one_full][/av_section][av_two_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' highlight_size='1.1' border='' border_color='' radius='0px' radius_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='av-break-at-tablet' mobile_display='' av_uid='av-mqk8crf' custom_class=''] [av_tab_container position='top_tab' boxed='border_tabs' initial='1' av_uid='av-8103wb'] [av_tab title='Preise' icon_select='yes' icon='ue8e3' font='entypo-fontello' av_uid='av-2751vyz'] [av_table purpose='pricing' pricing_table_design='avia_pricing_default' pricing_hidden_cells='avia_show_empty_cells' caption='' responsive_styling='avia_responsive_table' av_uid='av-l9f8gxn'] [av_row row_style='avia-heading-row' av_uid='av-ksm9x5n'][av_cell col_style='avia-desc-col' av_uid='av-kccltdn']Art[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-k2hiw6z']Trallala[/av_cell][/av_row] [av_row row_style='' av_uid='av-jp9n4d7'][av_cell col_style='avia-desc-col' av_uid='av-j3k5jq3']Typ[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-in3xoaj']nach Bedarf[/av_cell][/av_row] [av_row row_style='' av_uid='av-i60bgsb'][av_cell col_style='avia-desc-col' av_uid='av-hsmd2l7']Was[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-h5g8s2j']Alle[/av_cell][/av_row] [av_row row_style='' av_uid='av-gp8yepn'][av_cell col_style='avia-desc-col' av_uid='av-g92z6vv']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-fx39s57']Irgendwas[/av_cell][/av_row] [av_row row_style='' av_uid='av-5ls3rv'][av_cell col_style='avia-desc-col' av_uid='av-ew86kqj']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-eble6ez']Ja[/av_cell][/av_row] [av_row row_style='' av_uid='av-1eylebf'][av_cell col_style='avia-desc-col' av_uid='av-1cz9o1n']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-db7xeij']Ja[/av_cell][/av_row] [av_row row_style='' av_uid='av-clbe5p7'][av_cell col_style='avia-desc-col' av_uid='av-c0uk3ff']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-bqx9vaz']Ja[/av_cell][/av_row] [av_row row_style='' av_uid='av-bdbr9q3'][av_cell col_style='avia-desc-col' av_uid='av-aq5r9iz']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-ageudkr']Nein[/av_cell][/av_row] [av_row row_style='' av_uid='av-9shikpn'][av_cell col_style='avia-desc-col' av_uid='av-9dgdozf']Lorem Ipsum[/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-927xxqz']Ja[/av_cell][/av_row] [av_row row_style='avia-pricing-row' av_uid='av-8n0hv0b'][av_cell col_style='avia-desc-col' av_uid='av-85wa7wb'][/av_cell][av_cell col_style='avia-highlight-col' av_uid='av-7iw249n']Mal sehen.[/av_cell][/av_row] [/av_table] [/av_tab] [av_tab title='oft gestellte Fragen' icon_select='yes' icon='ue81c' font='entypo-fontello' av_uid='av-6xqzpob'] [av_toggle_container initial='0' mode='accordion' sort='' av_uid='av-6tyh0nv'][av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-62utznf'] Answer [/av_toggle] [av_toggle title='lorem Ipsum dolor' tags='' av_uid='av-5tbygd7']Answer [/av_toggle][av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-5a2iw3f'] Answer[/av_toggle] [av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-4p7kusb'] Answer[/av_toggle] [av_toggle title='lorem Ipsum dolor' tags='' av_uid='av-4k11qyj'] Answer[/av_toggle] [av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-3yr5qd7']Answer[/av_toggle] [av_toggle title='lorem Ipsum dolor?' tags='' av_uid='av-30aviyj'] Answer[/av_toggle][/av_toggle_container] [/av_tab] [/av_tab_container] [/av_two_third] [av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-2eyhhmj'] [av_heading heading='Überschrift' tag='h6' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='15' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1yueuxn' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-58okgr' sc_version='1.0' admin_preview_bg=''] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. [/av_textblock] [av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' av_uid='av-153zmez'] [/av_one_third]In reply to: Product gallery contains other unrelated media items
Yes I am.
I am hoping for an update from Enfold so it does not pick up these thumbnails and cause an incompatibility with the plugin. The plugin itself does not get regular updates.
Thanks,
JasonWhen creating a new blog post the standard blog layout is used until you manually switch to the advanced editor and safe it.
I create blog posts by adding the enfold shortcode to the standard text field. But if you do that, the code is shown in the standard blog design.
If I open the page, switch to advanced editor and then safe it, everything is fine.If I do the same with a page, it works fine. But I can’t use that, because I need to show these pages as a blog.
The problem is the standard layout of the post, with the meta data, thumbnail from the post etc. After changing to advanced editor and saving it, it’s fine.
Because all posts are created automatically I can’t do this manually.
The question is: how can I change the design of a standard post to the same design of a new page?
In reply to: scr-set Attribut for full width Slider
Hi Chris,
I have assumed that you are using a FULL WIDTH slider and not the FULL SCREEN slider. The Full screen slider uses background css images and requires a different solution to below. I’ll send you some css if you need it.
Unofficial response but something I have been working on for a while and have the following solution:
Turn on Responsive images in the Enfold performance panel – This activates Srcset. The full width slider uses this function. As long as you have the right size thumbnails set up it will serve the smaller size images on different screensizes. Make sure you clear your cache.
The default WordPress Srcset implimentation serves images per screen size width – So for a full width element – Fully optimised requires the thumbnail sizes below.
On a 360px wide screen it will serve a 360px wide image.I personally use the Shortpixel Regenerate Thumbnails Advanced Plugin to add some extra sizes. It is free and compatible with Enfold.
Please be CAREFUL if you remove other thumbnails as it may affect your site design depending on the other Enfold default sizes used throughout the site.I personally recommend adding or making sure the following sizes are covered:
360px wide – Google speed testing – Small Mobiles
450px wide – All other mobiles
768px wide – Ipad Portrait
1024px wide – Ipad landscape
1440px wide – macbook pro/720p screens
Upload size 1920px wide Native size – 1080p – (4K screens normally apply a zoom by default)If your slider has no minimum height set then this should automatically work as the image will scale in uniform.
If you set a minimum height then you may need to upload a taller image to compensate as Srcset uses the screen width not the height to determine which image to serve. The image may become blurred on smaller screens as the image will be stretched to the min-height.
Hi,
we’re trying to use the post format video for some posts we’re using viedos within.
Unfortunately, the blog post grid doesn’t show the video as thumnail. It just shows nothing.We’ve tryed a embedded video via Iframe and via enfold video element but with same result, the thumbail is still missing.
hope you can help us out with that.
Thanks in advance,
SebastianIn reply to: Essential Image Sizes
Hey Tim,
Thank you for the inquiry.
It may depend on the elements that are actually used in the site. If there are a lot of masonry elements for example and they are all set to use the default thumbnail, then the “masonry” thumbnail should be kept. WordPress also default back to the original image if a thumbnail is not available, so even if we remove all thumbnails, the site should still work fine.
The following threads should help.
// https://kriesi.at/support/topic/enfold-image-sizes-3/#post-1109028
// https://kriesi.at/support/topic/how-can-i-delete-all-enfold-image-sizes/Best regards,
IsmaelHi,
Thank you for your patience and the links to your site, the portfolio size images on the archive pages is set by line 190 in the enfold/functions.php file
I didn’t find an easy way to adjust the image size on the archive page so I would recommend changing the portfolio size fromarray('width'=>495, 'height'=>400 );to mmatch the magazine sizearray('width'=>710, 'height'=>375 );and then you will need to regenerate your thumbnails and then check.
This would also change any other use of the portfolio thumbnails on your site, but it doesn’t look like this would be an issue for you.Best regards,
MikeIn reply to: Label Plugin
I mean a plugin that enables the option the add for example a sold out label to the product thumbnail.
An example is ” WooCommerce Advanced product labels”. Unfortunately it’s not compatable with enfold.Thanks for further help.
In reply to: Portfolio Display Problem
Hey mirotck,
Thank you for the inquiry.
The size of the images in the portfolio grid are not the same, which is why the items are not aligned. To keep the grid consistent, you have to make sure that the images have the same size and aspect ratio. You could also select a specific size or thumbnail in the Styling > Grid Settings > Portfolio Grid Image Size settings, but thumbnails may still vary in width and height, so this may not work as expected.
Best regards,
IsmaelIn reply to: Full size image in content area
Hey Knutnik,
Thank you for the inquiry.
What do you mean by “option”? If you are referring to the size of the images, it may depend on the value that was set in the Enfold > General Layout > Dimensions > Maximum Container width field. The width of the 1/1 column will not exceed this value, so any image that has the same exact size as the maximum container width or larger should be fine.
The theme also adds an srcset attribute to images and displays the appropriate thumbnail based on the current screen size, but you may need to use an actual image element from the builder instead of manually adding the image in a text block. You have the option to select the full size or the original version of the image before inserting it.
Best regards,
IsmaelIn reply to: Center text after removed the date in search result
Hi Hejanni,
1. This would require using a child theme, if you don’t have one yet then please download it at https://kriesi.at/documentation/enfold/child-theme/ and read the instructions on the documentation.
Then go to wp-content > themes > enfold > includes folder then copy loop-search.php, then go to the child theme, then create a folder and name it includes inside it paste the copied file.
Edit the file and find this code (it should be in line 105 in Enfold 4.8.3):echo '<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';below it, paste this code:
if (get_the_post_thumbnail( $the_id )) { the_post_thumbnail( $the_id ); }2. Can you give us temporary access? the maintenance mode keeps appearing and prevents us from seeing the search results. I tried to check this on my local server but I don’t see this happening.
Best regards,
NikkoHi,
In this topic you’ve helped me for displaying the thumbs with the desired dimensions. Yesterday I’ve moved the site to a new server and now the thumbs are very small and the background has the right dimension. How can I fix this?
Regards,
Erwin
In reply to: Blog Page – Post category and Date not displaying
Hello,
I’m also looking at the blog post “category” pages like the one linked below. Is there a way for me to style the text / labels on these and set the size of the thumbnail image?
Thanks again,
Joe
In reply to: Resolving blurred thumbnails on Masonry
Hi,
Thank you for trying the masonry gallery element, I see that the same issue with the WordPress created thumbnails is occuring, I’m not sure why. As I look at your /picturebooks/ page again, I almost believe that the images are correct until you hover over them and then they are blurry, please check again and see if you also believe this, if so we can investigate the css:.avia_desktop .av-masonry-entry:hover .av-masonry-image-container { -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }But if you don’t think this is true, then I wrote this script for the /picturebooks/ page that will replace your thumbnails with the original image that is linked in the lightbox for you to try. Try adding this code to the end of your functions.php file in Appearance > Editor:
function custom_masonry_img_script() { ?> <script> (function($){ $("#top.page-id-937 .av-masonry-entry").each(function(){ var imageUrl = $(this).attr("href"); $(this).find(".av-masonry-image-container img").attr("src", imageUrl); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_masonry_img_script');Best regards,
MikeIn reply to: Resolving blurred thumbnails on Masonry
Hi,
Thank you for your patience, and the link to your site, when I compare the actual image & it’s thumbnail I see a slight difference, but I’m not sure what may cause this. It looks like you are using the masonry element, please try creating a test page using the masonry gallery element, it seems to offer multiple image sizes on page load that may help.Best regards,
MikeIn reply to: Trouble with Latest News Widget Enfold
Hey Mickyhood,
Thank you for your patience, the /framework/php/ files can not be added to a child theme to override, you can copy the function you want to override to your child theme functions.php and make your changes, so for example to remove the image container from the Latest News widget
I copied this function from\wp-content\themes\enfold\framework\php\class-framework-widgets.phpif (!class_exists('avia_newsbox')) { class avia_newsbox extends WP_Widget { var $avia_term = ''; var $avia_post_type = ''; var $avia_new_query = ''; function __construct() { $widget_ops = array('classname' => 'newsbox', 'description' => __('A Sidebar widget to display latest post entries in your sidebar', 'avia_framework') ); parent::__construct( 'newsbox', THEMENAME.' Latest News', $widget_ops ); } function widget($args, $instance) { global $avia_config; extract($args, EXTR_SKIP); echo $before_widget; $title = empty($instance['title']) ? '' : apply_filters('widget_title', $instance['title']); $count = empty($instance['count']) ? '' : $instance['count']; $cat = empty($instance['cat']) ? '' : $instance['cat']; $excerpt = empty($instance['excerpt']) ? '' : $instance['excerpt']; $image_size = isset($avia_config['widget_image_size']) ? $avia_config['widget_image_size'] : 'widget'; /** * @since 4.5.4 * @return string */ $image_size = apply_filters( 'avf_newsbox_image_size', $image_size, $args, $instance ); if ( !empty( $title ) ) { echo $before_title . $title . $after_title; }; if(empty($this->avia_term)) { $additional_loop = new WP_Query("cat=".$cat."&posts_per_page=".$count); } else { $catarray = explode(',', $cat); if(empty($catarray[0])) { $new_query = array("posts_per_page"=>$count,"post_type"=>$this->avia_post_type); } else { if($this->avia_new_query) { $new_query = $this->avia_new_query; } else { $new_query = array( "posts_per_page"=>$count, 'tax_query' => array( array( 'taxonomy' => $this->avia_term, 'field' => 'id', 'terms' => explode(',', $cat), 'operator' => 'IN') ) ); } } $additional_loop = new WP_Query($new_query); } if($additional_loop->have_posts()) : echo '<ul class="news-wrap image_size_'.$image_size.'">'; while ($additional_loop->have_posts()) : $additional_loop->the_post(); $format = ""; if(empty($this->avia_post_type)) $format = $this->avia_post_type; if(empty($format)) $format = get_post_format(); if(empty($format)) $format = 'standard'; $the_id = get_the_ID(); $link = get_post_meta( $the_id ,'_portfolio_custom_link', true) != "" ? get_post_meta( $the_id ,'_portfolio_custom_link_url', true) : get_permalink(); echo '<li class="news-content post-format-'.$format.'">'; //check for preview images: $image = ""; if(!current_theme_supports('force-post-thumbnails-in-widget')) { $slides = avia_post_meta(get_the_ID(), 'slideshow', true); if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) ) { $image = avia_image_by_id($slides[0]['slideshow_image'], $image_size, 'image'); } } if(current_theme_supports( 'post-thumbnails' ) && !$image ) { $image = get_the_post_thumbnail( $the_id, $image_size ); } $time_format = apply_filters( 'avia_widget_time', get_option('date_format')." - ".get_option('time_format'), 'avia_newsbox' ); echo "<a class='news-link' title='".get_the_title()."' href='".$link."'>"; $nothumb = (!$image) ? 'no-news-thumb' : ''; echo "<span class='news-thumb $nothumb'>"; echo $image; echo "</span>"; if(empty($avia_config['widget_image_size']) || 'display title and excerpt' != $excerpt) { echo "<strong class='news-headline'>".get_the_title(); if($time_format) { echo "<span class='news-time'>".get_the_time($time_format)."</span>"; } echo "</strong>"; } echo "</a>"; if( 'display title and excerpt' == $excerpt ) { echo "<div class='news-excerpt'>"; if(!empty($avia_config['widget_image_size'])) { echo "<a class='news-link-inner' title='".get_the_title()."' href='".$link."'>"; echo "<strong class='news-headline'>".get_the_title()."</strong>"; echo "</a>"; if($time_format) { echo "<span class='news-time'>".get_the_time($time_format)."</span>"; } } the_excerpt(); echo "</div>"; } echo '</li>'; endwhile; echo "</ul>"; wp_reset_postdata(); endif; echo $after_widget; } function update($new_instance, $old_instance) { $instance = $old_instance; $instance['title'] = strip_tags($new_instance['title']); $instance['count'] = strip_tags($new_instance['count']); $instance['excerpt'] = strip_tags($new_instance['excerpt']); $instance['cat'] = implode(',',$new_instance['cat']); return $instance; } function form($instance) { $instance = wp_parse_args( (array) $instance, array( 'title' => '', 'count' => '', 'cat' => '', 'excerpt'=>'' ) ); $title = strip_tags($instance['title']); $count = strip_tags($instance['count']); $excerpt = strip_tags($instance['excerpt']); $elementCat = array("name" => __("Which categories should be used for the portfolio?", 'avia_framework'), "desc" => __("You can select multiple categories here", 'avia_framework'), "id" => $this->get_field_name('cat')."[]", "type" => "select", "std" => strip_tags($instance['cat']), "class" => "", "multiple"=>6, "subtype" => "cat"); //check if a different taxonomy than the default is set if(!empty($this->avia_term)) { $elementCat['taxonomy'] = $this->avia_term; } $html = new avia_htmlhelper(); ?> <p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:', 'avia_framework'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></label></p> <p> <label for="<?php echo $this->get_field_id('count'); ?>"><?php _e('How many entries do you want to display: ', 'avia_framework'); ?></label> <select class="widefat" id="<?php echo $this->get_field_id('count'); ?>" name="<?php echo $this->get_field_name('count'); ?>"> <?php $list = ""; for ($i = 1; $i <= 20; $i++ ) { $selected = ""; if($count == $i) $selected = 'selected="selected"'; $list .= "<option $selected value='$i'>$i</option>"; } $list .= "</select>"; echo $list; ?> </p> <p><label for="<?php echo $this->get_field_id('cat'); ?>"><?php _e('Choose the categories you want to display (multiple selection possible):', 'avia_framework'); ?> <?php echo $html->select($elementCat); ?> </label></p> <p> <label for="<?php echo $this->get_field_id('excerpt'); ?>"><?php _e('Display title only or title & excerpt', 'avia_framework'); ?></label> <select class="widefat" id="<?php echo $this->get_field_id('excerpt'); ?>" name="<?php echo $this->get_field_name('excerpt'); ?>"> <?php $list = ""; $answers = array( 'show title only' => __( 'show title only', 'avia_framework' ), 'display title and excerpt' => __('display title and excerpt', 'avia_framework') ); foreach ( $answers as $key => $answer ) { $selected = ""; if( $key == $excerpt ) $selected = 'selected="selected"'; $list .= "<option $selected value='$key'>$answer</option>"; } $list .= "</select>"; echo $list; ?> </p> <?php } } }and commented out lines 989-991
for this result:
Please give this a try.Best regards,
MikeIn reply to: Automatic image formats – Image Upload Real Size
have a look at: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1270140
And: https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271808
be aware of the new snippet for uploading compression rate of images:
// new snippet to set the compression level of calculted images add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); function avf_set_quality_mod($quality) { $quality = 65; // compression level what you like in percent return $quality; }as described there, however, it is only responsible for the upload process. For the recalculating there are good plugins that do the rest after inserting the snippet for the already uploaded images.
Hi there,
I use my website to display my illustrations portfolio, see here: https://www.suemasondesign.com/picturebooks/
Most of the thumbnails of the Masonry gallery in my portfolio are blurred, whereas the actual enlarged pic is sharp. Strangely however some of the thumbs are NOT blurred!
I have tried several plugins to sort this, to no avail.
Please help – maybe with a code in functions.php?Thank you!
In reply to: Featured images not displaying
I am using a standard wp feed, and the standard wp RSS widget but the featured images are not showing. I can see that the images are in the feed. Can you suggest?
this page displays the feed: https://mentorhubapp.org/mentorhub-blog/
THe images are in the feed. Here is the <img snippet of feed (https://www.evidencebasedmentoring.org/category/mentorhub/feed/) for the first article:
I already added this to functions.php
`function featuredtoRSS($content) {
global $post;
if ( has_post_thumbnail( $post->ID ) ){
$content = ‘<div>’ . get_the_post_thumbnail( $post->ID, ‘medium’, array( ‘style’ => ‘margin-bottom: 15px;’ ) ) . ‘</div>’ . $content;
}
return $content;
}
add_filter(‘the_excerpt_rss’, ‘featuredtoRSS’);
add_filter(‘the_content_feed’, ‘featuredtoRSS’);Hi,
Please try this CSS as well:
.single-product .thumbnails a { width: 60px !important; padding: 0px !important; }Best regards,
RikardHi Rikard,
meanwhile I updated to the latest Enfold version 4.8.3 and also updated the “Product Video for WooCommerce” plugin.
Unfortunately the provided CSS doesn’t seem to work anymore.#top .single-product-main-image .feat_image a { width: 96% !important; }This affected the thumbnail sizes before, we had 6 small ones down under the main product image.
I got this new CSS from the developers:
.Addify_Product_Videos-thumbnails a { width: 60px !important; padding: 0px !important; } .feat_image { margin-top:-15px; }wich is doing well, but only for products including a product video. I’ll post 2 links from the new test site to show what I mean:
No effect, way bigger thumbnails …
I hope you can help again?
Best regards,
DirkIn reply to: masonry gallery caption
hello ismael, yes, ive tried that.
the thing is:
if you choose: show caption the caption is shown in the thumbnail gallery below the pic.
if you click it the thumnail the lightbox will show the pic . Below it is the title.But when you chose the option : Show title
the title is shown in the thumbnail gallery below the pic.
as soon as you click the lightbox to open the picture , the title – again – is shown below the pic.
Logic would be to show the description….?you could say: than choose Title AND caption…
but first of all below the thumbnail i only want to show the title, and secondly than again below the lightbox image the title is shown, not the description.for now what i do is swapping the two fields.
put in the title where the caption would be, and put in the caption where the title would be.
feels a bit unnatural but i can work with it.thanks, jelle
In reply to: 503 Service Unavailable error
Hi,
There were wordfence in the list. I uninstalled it to eliminate that possibility and the last problem I have encountered could not be that. Here is the list. Many are not CPU intensive actually. However, I changed to 7.3 from 7.4 in the serverpilot admin. The site is more responsive. Let’s see if that changes.
Plugins List: Akismet Anti-Spam, CDN Enabler, Classic Editor, Compress JPEG & PNG images, Easy WP SMTP, Enable Media Replace, Envato Market, Facebook for WooCommerce, HeatShield, Insert Headers and Footers, iyzico WooCommerce, LayerSlider WP, Loco Translate, MC4WP: Mailchimp for WordPress, Product Filter for WooCommerce, Quform, Really Simple SSL, Really Simple SSL pro, Redirection, Regenerate Thumbnails, Taksitlendirme ( My local plugin for installment shorcode), Tracking Code Manager, WooCommerce, WooCommerce Tab Manager, WP-Optimize – Clean, Compress, Cache, WPS Hide Login. Yoast SEO
Best Regards
Hi,
Thank you for your patience and for the link to your site, you could try this script that will count the number of thumbnails in each thumbnail gallery and add a class to that div that represents how many thumbnails there are. Then you could use some css for that class that will set the width for you.
Try adding this code to the end of your functions.php file in Appearance > Editor:function count_thumbs_script() { ?> <script> (function($) { var matched = $(".avia-gallery-thumb a"); $('.avia-gallery-thumb').addClass('thumbs-' + matched.length); }(jQuery)); </script> <?php } add_action('wp_footer', 'count_thumbs_script');This will add the class thumbs-6 if there are six thumbnails on the page.
For the css note that I specifically targeted your single-hotels pages so other pages would not run the script and cause possible conflicts. Also note that this css rule only sets the width for six thumbnails, you will need to add more for other numbers:#top.single-hotels .avia-gallery-thumb.thumbs-6 > a > img { width: 16.66% !important; }Hope this helps.
Best regards,
MikeIn reply to: Portfolio Grid alignment issues
Hi, Ismael.
I actually didn’t receive a notice that you posted this last note, but thank you — it will be very helpful.
After rebuilding thumbnails for all 1480-odd images the portfolio galleries seem to be displaying correctly!
At a cost: over 3GB of disk space. Wow.
I will carefully audit the image usage, and remove any unused sizes. I suspect that some of the largest sizes especially are redundant.
But that is down the road. It is enough for today that it is working well.
Thanks again for shining light on the system.
All the best to you and yours!
Kenneth
In reply to: Portfolio Grid alignment issues
Hi,
This must occur during the original upload. Is that true? If so, it would explain why my migration skipped the thumbnailing process.
Yes, the thumbnails are generated when uploading an image.
I am a bit concerned about this. Are all of the sizes necessary — and is there any way to reduce the number of thumbs generated?
You can actually disable every registered thumbnails without causing any problem. WordPress will just fall back to the original image when necessary. The thumbnails are added to improve the site’s loading speed. They are there so that WordPress or the theme will not have to use the largest image when a smaller one will do.
To unset or deregister the thumbnails, you can use this snippet in the functions.php file.
// deregister theme thumbnails function ava_remove_enfold_image_sizes() { remove_image_size('square'); remove_image_size('featured'); remove_image_size('featured_large'); remove_image_size('portfolio'); remove_image_size('portfolio_small'); remove_image_size('gallery'); remove_image_size('magazine'); remove_image_size('masonry'); remove_image_size('entry_without_sidebar'); remove_image_size('entry_with_sidebar'); remove_image_size('shop_thumbnail'); remove_image_size('shop_catalog'); remove_image_size('shop_single'); remove_image_size('shop_gallery_thumbnail'); } add_action('init', 'ava_remove_enfold_image_sizes');Next time an image is uploaded, the thumbnails listed above will not be generated.
Best regards,
Ismael
