Page 9 – Support | Kriesi.at – Premium WordPress Themes

Thank you.
I am a bit stumped. I thought it is a quite easy fix, but I run into problems.

My idea is to first figure out how to get anything shown on top of the image. Lets say ‘Test’ and then when that works make it so that it only displays when the portfolio item has a certain attribute. But I am already struggling to get “test” to show up.

Here is the code I found to change:

$image = get_the_post_thumbnail( $the_id, $image_size, $image_attrs );
                    if( ! empty( $image ) )
                    {
                        $output .= '<div class="av_table_col portfolio-grid-image">';
                        $output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid . "' class='grid-image avia-hover-fx'>{$custom_overlay} {$image}</{$link_markup[1]}>";
                        $output .= '</div>';
                    }
                    $output .= '<footer class="entry-footer"></footer>';
                    $output .= '</article>';
                    $output .= '</div>';

And here is the code I change it to:

$image = get_the_post_thumbnail($the_id, $image_size, $image_attrs);
if (!empty($image)) {
    $output .= '<div class="av_table_col portfolio-grid-image">';
    $output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid . "' class='grid-image avia-hover-fx'>";
    $output .= "{$custom_overlay} {$image}";
    $output .= "<div class='overlay-text'>test</div>"; // Add this line for the overlay
    $output .= "</{$link_markup[1]}>";
    $output .= '</div>';
}
$output .= '<footer class="entry-footer"></footer>';
$output .= '</article>';
$output .= '</div>';

I also added the following passage to my style.css

.grid-image {
    position: relative; 
    display: inline-block;
}

.grid-image img {
    display: block; 
    width: 100%;
    height: auto;
}

.overlay-text {
    position: absolute;
    bottom: 10px;
    left: 10px; 
    background-color: rgba(255, 255, 255, 0.7); 
    color: #dada21; 
    padding: 5px 10px; 
    border-radius: 5px; 
    font-size: 16px; 
    font-weight: bold; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

Unfortunately I dont get the text to show up.
Where is my mistake?

July 7, 2024 at 1:47 pm #1461536

In reply to: HEAD request for .webm and .ogv fallbacks

Hi,
Thank you for your patience, I have tried to reproduce this error with a self-hosted mp4 on my test site and I checked my Apache log, but unfortunately I only see the .mp4 video file type and the .jpg thumbnail for the .mp4
I tried to create a function to add to your child theme functions.php to change this anyways, I can’t confirm that it will work for you, but adding it didn’t brake my video element, so please give this a try and see if it helps.

if (!function_exists('custom_avia_html5_video_embed')) {
    function custom_avia_html5_video_embed( $video, $image = '', $types = array( 'mp4' => 'type="video/mp4"' ), $attributes = array( 'autoplay' => 0, 'loop' => 1, 'preload' => '', 'muted' => '', 'controls' => ''  ) ) {
        $html5_files = array();
        $path = $video;

        if( ! empty( $video ) && is_array( $video ) )
        {
            $html5_files = array_filter($video, function($ext) {
                return $ext === 'mp4';
            }, ARRAY_FILTER_USE_KEY);
            $path = reset( $html5_files );
        }

        $path_split = array();
        preg_match( "!^(.+?)(?:\\.([^.]+))?$!", $path, $path_split );

        $output = '';
        if( isset( $path_split[1] ) )
        {
            if( ! $image && avia_is_200( $path_split[1] . '.jpg' ) )
            {
                $image = 'poster="' . $path_split[1] . '.jpg"'; // poster image isn't accepted by the player currently, waiting for bugfix
            }
            else if( $image )
            {
                $image = 'poster="' . $image . '"';
            }

            $autoplay = $attributes['autoplay'] == 1 ? 'autoplay' : '';

            if( ! empty( $autoplay ) )
            {
                $autoplay = apply_filters( 'avf_html5_autoplay_mobile', "{$autoplay} playsinline", $video, $attributes );
            }

            $loop = $attributes['loop'] == 1 ? 'loop' : '';
            $muted = $attributes['muted'] == 1 ? 'muted' : '';
            $controls = $attributes['controls'] == 1 ? 'controls' : '';

            if( ! empty( $attributes['preload'] ) )
            {
                $metadata = 'preload="' . $attributes['preload'] . '"';
            }
            else
            {
                $metadata = $attributes['loop'] == 1 ? 'preload="metadata"' : 'preload="auto"';
            }

            $uid = 'player_' . get_the_ID() . '_' . mt_rand() . '_' . mt_rand();

            $output .= "<video class='avia_video' {$image} {$autoplay} {$loop} {$metadata} {$muted} {$controls} id='{$uid}'>";

            if( empty( $html5_files ) )
            {
                if( $path_split[2] == 'mp4' || avia_is_200( $path_split[1] . '.mp4' ) )
                {
                    $output .= '<source src="' . $path_split[1] . '.mp4" type="video/mp4" />';
                }
            }
            else
            {
                foreach( $html5_files as $ext => $source )
                {
                    $html_type = ! empty( $types[ $ext ] ) ? $types[ $ext ] : '';
                    $output .= "<source src='{$source}' {$html_type} />";
                }
            }

            $output .= '</video>';
        }

        return $output;
    }
}

// Remove the original function and replace it with the custom function
remove_action('avia_html5_video_embed', 'avia_html5_video_embed');
add_action('avia_html5_video_embed', 'custom_avia_html5_video_embed');

If this doesn’t help try to modify the function-set-avia-frontend.php starting at line 960 to match the above and see if manually changing it helps.
If it does then great, but the the function-set-avia-frontend.php file can not be overwritten in a child theme so after each update you will need to modify, I’m hoping the above will work for you in your child theme functions.php file.

Best regards,
Mike

July 4, 2024 at 8:08 am #1461277

In reply to: setting featured image from first image in post

Hey Jonathon Parris,

Thank you for the inquiry.

You can try the following code in the functions.php file. It should work for both the actual URL and the image element.


function av_auto_set_featured_image($post_id) {
    if (wp_is_post_autosave($post_id) || wp_is_post_revision($post_id)) {
        return;
    }

    if (has_post_thumbnail($post_id)) {
        return;
    }

    $post = get_post($post_id);
    $content = $post->post_content;

    $image_url = '';

    if (preg_match('/<img.*?src=["\'](https?:\/\/.*?\.(jpg|jpeg|png|gif))["\']/', $content, $matches) || preg_match('/(https?:\/\/.*?\.(jpg|jpeg|png|gif))/', $content, $matches)) {
        $image_url = $matches[1];
    }

    if ($image_url) {
        $attachment_id = insert_attachment_from_url($image_url, $post_id);
        if ($attachment_id) {
            set_post_thumbnail($post_id, $attachment_id);
        }
    }
}
add_action('save_post', 'auto_set_featured_image');

function av_insert_attachment_from_url($url, $post_id) {
    $temp_file = download_url($url);
    if (is_wp_error($temp_file)) {
        return false;
    }

    $file = array(
        'name'     => basename($url),
        'type'     => mime_content_type($temp_file),
        'tmp_name' => $temp_file,
        'error'    => 0,
        'size'     => filesize($temp_file),
    );

    $sideload = wp_handle_sideload($file, array('test_form' => false));
    if (!empty($sideload['error'])) {
        @unlink($temp_file);
        return false;
    }

    $attachment = array(
        'post_mime_type' => $sideload['type'],
        'post_title'     => sanitize_file_name($file['name']),
        'post_content'   => '',
        'post_status'    => 'inherit',
    );

    $attachment_id = wp_insert_attachment($attachment, $sideload['file'], $post_id);

    require_once(ABSPATH . 'wp-admin/includes/image.php');
    $attach_data = wp_generate_attachment_metadata($attachment_id, $sideload['file']);
    wp_update_attachment_metadata($attachment_id, $attach_data);

    return $attachment_id;
}

Best regards,
Ismael

July 1, 2024 at 7:35 pm #1460838

Topic: WooCommerce category image banner no longer shows with Enfold 6.0

in forum Enfold

Steve

Participant

I’ve updated a couple of WooCommerce sites to Enfold 6.0 this afternoon and on both the category image no longer shows with any of the banner display options.

Default shows the image
The 4 fullwidth banner options don’t show the image but throw an error in console that it’s trying to load an array rather than an image url
The 2 responsive banner options work.

Up until updating to version 6.0 today we’ve used the ‘Display thumbnail and description as fullwidth banner with parallax effect below header’ option with the H1 category title centered over the top of it.

Any ideas please?

June 29, 2024 at 10:15 pm #1460395

In reply to: Optimal Display of posts in an orderly way

Hey oliverb71,
It looks like most of your post images are the same size that then show in a ordinary way, but some of your images are much smaller because they are only logos. It also looks like you don’t show any of these featured images on the post page, but are only used for the thumbnails.
So I recommend ensuring that all of your featured image thumbnails are the same size, try imageresizer.com it is a free tool to crop your images.
If you use different sizes WordPress will use the closest thumbnail size, but it may not always be the same size, this is why it would be better if you manually ensure they are all the same size.

Best regards,
Mike

June 27, 2024 at 10:47 pm #1459895

Topic: Alter space above and below a specific layout item

in forum Enfold

tonyiatridis

Participant

On this mockup site:

Frontpage

I have separate layout items for mobile and desktop in two places on the home page .On the desktop they look fine, but on the mobile there is a large gap above and below these sections. Question being how do I change that space specifically only on those two instances for those specific layout items? You can see the top section that says ‘Resources to Help Entrepreneurs Succeed’ looks good on desktop, huge gap on mobile. Same thing to some extent on the div holding the layer slider with the three animated thumbnails in it.

Much appreciated.

June 25, 2024 at 6:56 am #1458545

In reply to: Column back ground color and gallery with transparent image

Hey spokerstradingco,

Thank you for the inquiry.

You can add this css code to adjust the background color of the gallery thumbnail:

#top div .avia-gallery .avia-gallery-big img, #top div .avia-gallery .avia-gallery-thumb img {
    background-color: transparent;
}

Best regards,
Ismael

June 25, 2024 at 1:34 am #1458539

Topic: Column back ground color and gallery with transparent image

in forum Enfold

spokerstradingco

Participant

Hi, I have a Column background color and gallery with transparent image. When I set the column color as black it does not show through on the transparent image in the gallery main images and thumbnails below. I need this to only be applied to this page seeing I have other pages with the gallery widget which I do not want to have a black background.

June 17, 2024 at 6:05 pm #1451649

Topic: Portfolio: Thumbnail images are blurry

in forum Enfold

Monika

Participant

Hey there,

perhaps you can help me.
I use a portfolio Entry module and no matter how good the quality of the preview Picture is: it is making the picture blurry.

what can I do?

Please scroll down the page to the bottom, there it is.

Cheers
Monika

June 16, 2024 at 9:56 pm #1451400

Topic: Add title to video Fallback images?

in forum Enfold

gatehealing

Participant

I have to use fallback images of my own when the video element cannot download a thumbnail from the YouTube video itself . . . but this means that the video does not have a title.

Is it possible for me to add a field to the Video Element that allows me to add a Title for various videos? Not just for one, but for any time I add a video that I have to use my own fallback image for. Basically would be like a Title or Caption on slider elements.

Jon

June 14, 2024 at 11:55 am #1450365

In reply to: Shop overview images shrink to fit

Hi,
CSS will not work here because the image is cropped. Try the code that I posted to show the full sized image instead of the thumbnail, in my test this works.

Best regards,
Mike

June 14, 2024 at 10:08 am #1450298

In reply to: Shop overview images shrink to fit

fanlokbun

Hi Mike yes I know uploading square pictures would resolve the issue. The shop is going to be run by old aged pensioners with very little technical expertise. I want to make it as easy as possible for them so I was hoping there would be a “fit to longest side” CSS command for the thumbnails. I thought it was something we had achieved in the past but may be mistaken.
Thanks
Rob

June 13, 2024 at 5:01 pm #1449532

In reply to: Shop overview images shrink to fit

Hi,
Thanks, I see that the image is truly cropped because the your thumbnail size is cropped. Your image is not a square image so the 450×450 thumbnail will crop it.
So if you want your product catalog to have a uniform look you can create a new image that is square instead of portrait and upload your new image, then the book will be centered in your 450×450 thumbnail.
or if your shop is going to be a book store and all of your thumbnails will be a portrait shape image, you can try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function override_post_thumbnail_size($size, $post_id) {
    if (is_archive()) {
        return 'full';
    }
    return $size;
}
add_filter('post_thumbnail_size', 'override_post_thumbnail_size', 10, 2);

this will show the full size image instead of the thumbnail.

Best regards,
Mike

June 12, 2024 at 2:23 pm #1449056

In reply to: Revert portfolio grid images to original size

wedesignshanghai

Hey Ismael,

Will proceed as per your suggestion.
Already used regenerate-thumbnails when we added the special thumbs dimensions and worked fine.

Thanks a lot for your help!

Nasi

June 12, 2024 at 2:19 pm #1449055

In reply to: Portfolio grid image quality issue on Chrome and Brave browsers

wedesignshanghai

Hey Ismael,

Thanks for your quick reply.
We used WP-Optimize plugin to compress the images and Regenerate Thumbnails Advanced to regenerate image sizes.
I just disabled Responsive images and Lazy Loading. That did improve A LOT the quality of the Thumbnails on Brave browser, but still look really bad on Chrome :(
Any other suggestions?

How does Lazy loading and Responsive images affect the overall performance of the site?
Shall I leave these options off?

Thanks again for your help, much appreciated

June 12, 2024 at 10:30 am #1448985

In reply to: Revert portfolio grid images to original size

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

Hey nasi,

Thank you for the inquiry.

We’ve tried deleting the code from Enfold Child functions php. but nothing seems to change.

After deleting the filter from the functions.php file, you’ll need to regenerate the thumbnails or re-upload the images. Please create a site backup or restore point before proceeding, then try this plugin:

Best regards,
Ismael

June 12, 2024 at 7:50 am #1448963

In reply to: Portfolio grid image quality issue on Chrome and Brave browsers

Hey nasi,

Thank you for the inquiry.

Looks like Chrome is loading a smaller version of the thumbnail. Did you install any image compression plugins? Please try to temporarily disable the Responsive Images option in the Enfold > Performance > Responsive Images and Lazy Loading section. Let us know if this changes anything.

Best regards,
Ismael

June 11, 2024 at 10:11 am #1448880

Topic: Portfolio grid image quality issue on Chrome and Brave browsers

in forum Enfold

wedesignshanghai

Participant

Hi,

We have a portfolio grid on our home page. The thumbnails display great on Safari, but really bad on Brave and Chrome browsers.
Not sure if it is related to which image the browsers are loading, but there is a massive difference in terms of quality. I am adding 3 screenshots from Safari, Brave and Chrome so you can see the difference.

Can you please have a look and see if there’s an easy fix to this?

Thanks a lot!

June 10, 2024 at 11:07 pm #1448820

Topic: Flip Box custom size

in forum Enfold

AlpineWeb

Participant

I would like to use the flip box with just two images – however, I can’t seem to get the boxes larger than a thumbnail when I insert the images as background images. Do you have any input on how I can do that?

June 4, 2024 at 11:51 am #1447798

In reply to: How to get a different blog format ?

Hi,
I added it for you but I don’t know what page has your magazine element, I’m pretty sure that you need to add the custom class larger-thumbnails for the script to work. Please add the custom class and check.

Best regards,
Mike

June 4, 2024 at 4:49 am #1447611

In reply to: Shop overview images shrink to fit

Hey fanlokbun,

Thank you for the inquiry.

You may need to adjust the size of the thumbnail in the Appearance > Customize > WooCommerce > Product Images panel. Adjust the value of the Thumbnail width based on the usual size in which you upload the image, and set Thumbnail cropping to Uncropped.

Best regards,
Ismael

June 2, 2024 at 2:46 pm #1447450

In reply to: Blog: html area block in single news

Hi,
Ok, as I examine your page I see that the wrap_all & main divs are closed and your injected color section is outsite the page:

Then I recalled that injecting any full width element, like color sections, causes the page to auto close like this, so the way around this is to inject the HTML instead, so I tested this on my site linked below as a proof of concept and this is the code that I used:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	$post_id = get_the_ID();
    if(get_post_type( $post_id ) == "post" || is_archive() || is_category()) {
		echo '<div id="av_section_1" aria-label="header-blog" style="background-color:#e7e6e0;" class="avia-section av-gurxi-f7ad7ba9aa66e762665269785c869839 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-0  avia-builder-el-no-sibling  block-fit-size avia-bg-style-scroll container_wrap fullsize"><div class="container av-section-cont-open"><main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-3814"><div class="entry-content-wrapper clearfix"><div class="flex_column_table av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 sc-av_one_half av-equal-height-column-flextable"><div style="padding: 20px 0 20px 0;" class="flex_column av-lwc8c3ub-7fae82ac0e7450fe73ac250f770e4e79 av_one_half  avia-builder-el-1  el_before_av_one_half  avia-builder-el-first  first no_margin flex_column_table_cell av-equal-height-column av-align-bottom  "><div class="av-special-heading av-tkaly-59af4c81dd5bd8035cb05863635061b6 av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-2  el_before_av_textblock  avia-builder-el-first "><div style="font-size: 18px;color: #a07860;" class="av_custom_color av-subheading av-subheading_above"><p>Veranstaltungen und Lesungen</p></div><h1 style="color:#1f4339;font-size:45px;font-family: "librebaskerville", Helvetica, Arial, sans-serif;text-transform: none;" class="av-special-heading-tag" itemprop="headline">Veranstaltungen</h1><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div><section class="av_textblock_section av-3a7ov5-3365d9d47359d52499c6170f6e5d6913 " itemscope="itemscope" ><div class="avia_textblock" itemprop="text"><p style="color: #666666;font-size: 17px;">Wir laden Sie ein, an unseren gemeinsamen Veranstaltungen, Reisen und Lesungen an besonderen Orten, teilzunehmen. Weiteres erfahren Sie in der jeweiligen Veranstaltungsbeschreibung.</p></div></section></div><div class="flex_column av-fy05a-677df80f19dcd41d19a6c602b9b923d5 av_one_half  avia-builder-el-4  el_after_av_one_half  avia-builder-el-last  buch-monat no_margin flex_column_table_cell av-equal-height-column av-align-bottom  "><div class="avia-image-container av-9gv81-4c6171ac5adc202d5cf1671f776d7959 av-styling- avia-align-right  avia-builder-el-5  avia-builder-el-no-sibling " itemprop="image" itemscope="itemscope" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img decoding="async" fetchpriority="high" class="wp-image- avia-img-lazy-loading-not- avia_image " src="/wp-content/uploads/2024/05/area-book-ueber-uns.png" alt="" title="" itemprop="thumbnailUrl"></div></div></div></div></div></div></div></main></div></div>';
	}
}

Note that I didn’t understand why you had $thumbnail = get_the_post_thumbnail_url ( $post_id ); since I saw no call for $thumbnail so it’s not in my code, feel free to adjust after to test my code. I also had to add so style inline so my test would look like your page, it should not cause a issue for you.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

May 30, 2024 at 10:15 am #1447046

In reply to: Product Slider Image Not resizing

Hey keifygeorge,

Thank you for the inquiry.

We didn’t find any product sliders on the page above. Did you remove them? The correct thumbnail size displays in the slider when we tested this on our own installation.

Best regards,
Ismael

May 28, 2024 at 9:01 pm #1446874

In reply to: Text Bocks: cannot see text in Admin to edit.

billbasler

Following upon this. Yes, I am currently at 5.7.1. WordPress: 6.5.3, and PHP: 8.2.19

`
### wp-core ###

version: 6.5.3
site_language: en_US
user_language: en_US
timezone: America/Chicago
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 3
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /srv/users/preucil/apps/preucil/public
wordpress_size: 54.88 MB (57541435 bytes)
uploads_path: /srv/users/preucil/apps/preucil/public/wp-content/uploads
uploads_size: 103.51 MB (108533120 bytes)
themes_path: /srv/users/preucil/apps/preucil/public/wp-content/themes
themes_size: 72.76 MB (76294269 bytes)
plugins_path: /srv/users/preucil/apps/preucil/public/wp-content/plugins
plugins_size: 103.19 MB (108205684 bytes)
database_size: 38.44 MB (40304640 bytes)
total_size: 372.77 MB (390879148 bytes)

### wp-active-theme ###

name: Enfold Child (enfold-child)
version: 1.0
author: Kriesi
author_website: http://kriesi.at
parent_theme: Enfold (enfold)
theme_features: core-block-patterns, avia_exclude_bbPress, avia_exclude_menu_exchange, avia_exclude_pojo_accessibility, avia_exclude_wp_accessibility, avia_exclude_relevanssi, avia_exclude_WooCommerce, avia_exclude_wpml, avia_exclude_instagram_feed, avia_exclude_leaflet_map, avia_mega_menu, avia_improved_backend_style, avia_option_pages_toggles, avia_sidebar_manager, automatic-feed-links, nav_menus, menus, widgets, post-formats, avia_post_meta_compat, force-post-thumbnails-in-widget, post-thumbnails, widgets-block-editor, block-templates, title-tag, editor-styles, editor-style, customize-selective-refresh-widgets, responsive-embeds, editor-color-palette, editor-font-sizes, avia_no_session_support
theme_path: /srv/users/preucil/apps/preucil/public/wp-content/themes/enfold-child
auto_update: Disabled

### wp-parent-theme ###

name: Enfold (enfold)
version: 5.7.1
author: Kriesi
author_website: https://kriesi.at
theme_path: /srv/users/preucil/apps/preucil/public/wp-content/themes/enfold
auto_update: Disabled

This reply was modified 1 year, 9 months ago by billbasler.

May 22, 2024 at 8:08 pm #1445211

In reply to: Add 3 image product gallery under main product image

robertbwc

Hi Ismael,
Thank you, that works great.
However, I only want the thumbnail gallery to display only the 3 images that I upload, not the main image.
How can I have it exclude the main product image
See example:

May 20, 2024 at 5:20 pm #1444773

Topic: Add 3 image product gallery under main product image

in forum Enfold

robertbwc

Participant

Hello,
I am trying to add 3 thumbnail images under a main product image on one of my product pages. I added them here:

The end result is that they display as full size images on my product page:

How can I get them to display as thumbnails lined up horizontally under the main image like in the Enfold example page? EX:

Thank you

May 16, 2024 at 12:04 pm #1443873

In reply to: Video fallback image causing enormous performance issues on mobile devices.

Hi,
Glad to hear that removing Jetpack and Jetpack Boost has helped. Typically each image has a srcset in the page to tell the browser which image to use depending on the device, and this is how it is on the copy I made of your site, but not on your site, you had this custom code in the functions.php which disabled this:

function av_remove_featured_image_link($image) {
    if (is_single()) {
        $image = get_the_post_thumbnail( $current_post['the_id'], 'featured' );
    }
    echo $image;
}
add_filter('avf_post_featured_image_link','av_remove_featured_image_link', 10, 1);

I disabled this for you.

Best regards,
Mike

May 15, 2024 at 4:46 pm #1443700

In reply to: How to get a different blog format ?

Hi,
The error that you see from adding the code to your functions.php file is typical for copying the code from a email notification from this thread, please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
It looks like you are not using a child theme, so in this case you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function custom_larger_thumbnails_script() { ?>
  <script>
(function($){
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('width', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('height', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('sizes', '(max-width: 180px) 100vw, 180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail').css({'height': '180px','width': '180px'});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_larger_thumbnails_script', 99 );

If you still have trouble after you install the plugin, include a admin login in the Private Content area so we can assist.

Best regards,
Mike

May 15, 2024 at 4:36 pm #1443699

In reply to: How to get a different blog format ?

Hippotigris

Hi, sorry but I am not a developer, and I am not sure where I should add these 2 pieces of code …
I have added them in the functions.php file (see below), but it seems that there is an error … Could you help me please ?

The error message says : syntax error, unexpected ‘add_filter’ (T_STRING) … ?
Thank you !

_________________________________________________
add_filter(‘avf_magazine_excerpt_length’,’avf_magazine_excerpt_length_mod’, 10, 1);
function avf_magazine_excerpt_length_mod($excerpt) {
$excerpt = 100;
return $excerpt;
}

__________________________________________________
function custom_larger_thumbnails_script() { ?>
<script>
(function($){
$(‘.av-magazine.larger-thumbnails .av-magazine-entry img’).attr(‘width’, ‘180px’);
$(‘.av-magazine.larger-thumbnails .av-magazine-entry img’).attr(‘height’, ‘180px’);
$(‘.av-magazine.larger-thumbnails .av-magazine-entry img’).attr(‘sizes’, ‘(max-width: 180px) 100vw, 180px’);
$(‘.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail’).css({‘height’: ‘180px’,’width’: ‘180px’});
})(jQuery);
</script>
<?php
}
add_action( ‘wp_footer’, ‘custom_larger_thumbnails_script’, 99 );
_____________________________________________________

May 15, 2024 at 9:50 am #1443616

In reply to: “Your theme (Enfold Child) contains outdated copies…”

Martin