Viewing 30 results - 151 through 180 (of 106,061 total)
  • Author
    Search Results
  • #1491861

    Topic: Feature request

    in forum Enfold
    caw67
    Participant

    image border and border radius for every corner for the image field like the column element

    #1491832

    In reply to: Top Menu hiding

    Dear Rikard,

    I did all possible edits but I am still have Home link on the top bar. I need only the logo on the left. I don’t need any menu on desktop or mobile.

    Please see this image https://greensvill.com/wp-content/uploads/2025/11/Top-Menu-scaled.png

    #1491808

    In reply to: Before/After part

    Hi Rikard,

    I want to make the Before/After section with full width.

    Please see the image below

    https://greensvill.com/wp-content/uploads/2025/11/Before-After.jpeg

    #1491758
    Johann Brand
    Participant

    For several months now, images from YouTube have not been appearing in embedded videos for Show. Apparently, the error lies with YouTube. Is there any information on how to fix this problem? The following error message appears:
    Watch video on YouTube
    Error 153
    Error configuring video player

    #1491757
    This reply has been marked as private.
    #1491746
    Munford
    Participant

    UPDATE
    I found this code and that fixed it:

    add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
    function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
        return 'woocommerce_thumbnail';
    }

    I am building a shop with woocommerce and I have selected in the customizer to have the product thumbnails be uncropped, but they are defaulting to 1:1. Have tried all combinations. I have setup another page to be the shop page, using the Shop Single 450×999 image size, which works OK, but all the related products are still 1:1 ratio. Can you see what’s blocking the upcropped setting?
    thanks
    Nancy

    • This topic was modified 1 month, 2 weeks ago by Munford.
    #1491686

    i implemented the possibility to add a custom class set on the grid container (div.av-author-loop-container)
    and implemented a css for that custom-class on loop-author.css to rule the column-count for all screen width :

    /* ======================================================================
    	OPTIONAL: AUTO-FIT GRID  in filter for automatic responsive columns
    	Use    $atts['class']   = 'auto-fit-grid';   
       ====================================================================== */
    #top.author .av-author-grid-container.auto-fit-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    }

    this means: Each column must have a minimum width of 250px — the entire width is then filled with columns based on this basis.

    _______________

    in list view – if you do not like to show the featured image in cover mode – then add to your quick css:

    #top.author .av-author-list-image img {
      height: 100%; /* === unset - will bring the image to top === */
      object-fit: contain;  /* === contain - will show the whole image without crop === */
    }
    #1491676

    Hey ivanglaser,

    Do you have any plugins installed that might be altering images? For example image compression plugins?

    Best regards,
    Rikard

    #1491671

    just for understanding – these are the default values from loop-author.php:

    // Default arguments for Author Loop
    $default_args = array(
        'type'              => 'grid',
        'columns'           => 4,
        'items'             => get_option('posts_per_page', 12), // WordPress setting, fallback: 12
        'contents'          => 'excerpt_read_more',
        'preview_mode'      => 'auto',
        'image_size'        => 'portfolio',
        'paginate'          => 'no',
        'class'             => '',
        'show_modified_date' => 'no',  // 'yes' or 'no' - shows "Updated: XX" if post was modified
        'orderby'           => 'date',  // 'date', 'modified', 'title', 'rand', 'comment_count', 'menu_order'
        'order'             => 'DESC',  // 'DESC' (newest first) or 'ASC' (oldest first)
        'fallback_image'    => 'placeholder',      //  'placeholder'  or URL to fallback image 
        'post_types'        => array('post'), // Array: array('post'), array('portfolio'), or array('post', 'portfolio')
    );
    
    // Content Options for 'contents' parameter:
        // 'title'                  - Title only
        // 'title_read_more'        - Title and Read More button
        // 'only_excerpt'           - Excerpt only (no title)
        // 'only_excerpt_read_more' - Excerpt and Read More button (no title)
        // 'excerpt'                - Title and Excerpt
        // 'excerpt_read_more'      - Title, Excerpt and Read More button (default)
    
    

    if you like to have it this way (grid, 4columns, exerpt with readmore, only posts ordered by date – newest first) you do not need to set the filter.
    Then only the second part is needed inside functions.php.

    The filter could do more – you can even differ between authors – f.e by author name. :

    // 1. Layout for different authors by ID
    add_filter( 'avf_author_loop_args', function( $atts, $context ) {
        if( $context == 'author' ) {
            // Common settings for all author pages
            $atts['items']             = -1;
            $atts['image_size']        = 'gallery';
            $atts['contents']          = 'excerpt_read_more';
            $atts['post_types']         = array('post', 'portfolio'); 
    		
    	// Fallback-Image from Media Library (Attachment-ID)
            $fallback_id = 2052;  // Your image ID from Media Library
            $fallback_img = wp_get_attachment_image_src($fallback_id, $atts['image_size']);
            $atts['fallback_image'] = $fallback_img ? $fallback_img[0] : 'placeholder';
            
            $author_slug = get_query_var( 'author_name' );
    
            // Individual configuration for a specific author
            if( $author_slug == 'guenni007' ) {
                $atts['type']              = 'grid';
                $atts['columns']           = 3;
            } 
            else {
                // default setting for the rest
                $atts['type']              = 'list';
            }
        }
        return $atts;
    }, 10, 2);

    the fallback image i get from media-library with the attachment ID
    Advantage of this solution – the fallback image is based on the selected image size setting.

    see:
    grid for guenni007: https://basis.webers-testseite.de/author/guenni007/
    list for johndoe: https://basis.webers-testseite.de/author/johndoe/

    #1491667

    now my final solution is – to upload 3 files to the child-theme includes folder:

    /wp-content/themes/enfold-child/
    └── includes/
      └── loop-author.php ← PHP Loop (loads the css once)
      └── loop-about-author.php
      └── loop-author.css ← all Styles (Grid + List)

    loop-author.php: https://pastebin.com/yaXj5Zfw
    loop-about.php: https://pastebin.com/QQ84LGaw
    loop-author.css: https://pastebin.com/zTJMtth9

    to style the author page now are two entries for child-theme functions.php

    // 1. Configure layout and settings
    add_filter( 'avf_author_loop_args', function( $atts, $context ) {
        if( $context == 'author' ) {
            $atts['type']              = 'list';               // 'grid' or 'list' Layout
            $atts['columns']           = 4;                    // columns count
            $atts['image_size']        = 'gallery';            //  image-size
            $atts['contents']          = 'excerpt_read_more';  // Content-Type
            $atts['items']             = -1;                   // Posts per page
            $atts['paginate']          = 'no';                // Pagination  on/off  (yes or no)
            $atts['show_modified_date'] = 'yes';               // 'yes' = shows  "Updated: XX"
            $atts['orderby']           = 'date';               // orderby : 'date', 'modified', 'title', 'rand', 'comment_count'
            $atts['order']             = 'DESC';               // order: 'DESC' (newest or Z-A) or 'ASC' (oldest or A-Z)
    	$atts['fallback_image']     = get_stylesheet_directory_uri() . '/includes/fallback.jpg';  // an url or  'placeholder'
    	$atts['post_types'] 		= array('post', 'portfolio');    	// 	count posts or portfolios or both
        }
        return $atts;
    }, 10, 2);
    
    // 2.  IMPORTANT: Customise query for pagination, sorting and post types
    add_action( 'pre_get_posts', function( $query ) {
        if( ! is_admin() && $query->is_main_query() && is_author() ) {
            // Get the filtered arguments from above
            $default_args = array(
                'items'      => get_option('posts_per_page', 12),
                'orderby'    => 'date',
                'order'      => 'DESC',
                'post_types' => array('post')
            );
            $atts = apply_filters( 'avf_author_loop_args', $default_args, 'author' );
            
            // Set Query-Parameters
            $query->set( 'posts_per_page', $atts['items'] );
            $query->set( 'orderby', $atts['orderby'] );
            $query->set( 'order', $atts['order'] );
            
            // Set post types - IMPORTANT: even if there is only one type
            if( ! empty( $atts['post_types'] ) && is_array( $atts['post_types'] ) ) {
                // WordPress requires 'any' or an array with multiple types
                if( count( $atts['post_types'] ) == 1 ) {
                    $query->set( 'post_type', $atts['post_types'][0] );
                } else {
                    $query->set( 'post_type', $atts['post_types'] );
                }
            }
        }
    }, 999 );

    see result page : https://basis.webers-testseite.de/author/guenni007/
    Unfortunately, no translation for But we are proud to say that %s contributed %s entries already. has been added to the (at least German) lang files yet. That is why it is in English on my example page.

    i tested all 3 blog styles – it works on all of them.

    #1491652

    Thanks Ismael,

    Is it possible to fix it with custom CSS to always show the whole image and get it smaller vertically on wide screens? I don’t want the image take too much space vertically. This is why it has wide panoramic proportions.

    Best regards,
    Serge

    #1491648

    Hi Agian, can you try to add something rather to the function file code on the top of this post? Gri-notfull is working perfect except that the image bacground still is boxed, so if we only can get the full width background on the function code, its all good.
    Thanks, Mathilde

    #1491623

    Hey photographie-tous-azimuts,

    Thank you for the inquiry.

    This is possible by setting the background image size to 100%, but the image may become distorted. We recommend resizing the image to have a 16:10 aspect ratio, or as close as possible to the aspect ratio of the container you plan to use. Then set the Styling > Background Image > Background Repeat to “Stretch to fit”. Unfortunately, the image may still be partially cropped on some screen sizes.

    Screenshot-2025-11-21-at-4-26-13-PM

    Best regards,
    Ismael

    #1491621

    In reply to: Before/After part

    Hey tariqyacoub82,

    Thank you for the inquiry.

    You may need to place the before/after image in a Color Section element and set its container to full width. Please check this documentation for more info.

    https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

    Best regards,
    Ismael

    #1491618

    In reply to: Position

    Hey limedrop,

    Thank you for the inquiry.

    That is not how the parallax or fixed background image effect works. The image in the bottom section is neither under nor over the image in the section above, it’s in its own container, scrolling with the document. Unfortunately, what you’re asking is not possible without a custom script or significant modifications to the templates.

    Best regards,
    Ismael

    #1491610

    Hi,

    Thank you for the update.

    Have you tried converting the PNG image to an actual ICO file? Please check this tool: https://favicon.io/

    Best regards,
    Ismael

    #1491608

    Topic: Before/After part

    in forum Enfold
    tariqyacoub82
    Participant

    Dear,

    I tried many ways to reduce the space around before/after image for both mobile and disktop. I edited the margins but dint work for me.

    could you please help me in this.

    Thank you.

    https://jumpshare.com/s/IhxystITLzo5gjemDCCb

    #1491607

    Hi,

    I want a background image in a colour section to extend full screen width horizontally and not be cropped vertically. If I set a minimum height, the image does not cover full screen width. If I don’t, it is cropped vertically.

    http://www.cuisine-chinoise.org

    Best regards,
    Serge

    #1491568

    Topic: Position

    in forum Enfold
    limedrop
    Participant

    On this page https://vartoyrike.no – I want the bottom image to scroll over the image above. Not appear under.
    I tried to set the Z to 999, but it still appears under the image above.

    #1491533
    koomo
    Participant

    Hi,
    Using this https://kriesi.at/support/topic/content-slider-with-image-and-text-on-the-right/

    The slider doesn’t work at all on that page

    ANy idea? It works well on another website

    Thank you

    • This topic was modified 1 month, 3 weeks ago by koomo.
    #1491502

    Hi,

    Thank you for the update.

    We replaced the shortcode with the Widget Area element displaying the Instagram widget. It’s now rendering, but returning the error: Instagram returned error 429. Are you using the Instagram widget on other sites as well? Please try waiting a few hours or a full day, then check the page again. We have set it to cache the Instagram images on your server.

    These threads might be related to the issue:

    https://kriesi.at/support/topic/enfold-theme-instagram-side-bar-widget-not-working/#post-1350365
    https://kriesi.at/support/topic/problem-with-instagram-widget/

    Best regards,
    Ismael

    #1491493

    Hi,

    Thank you for the info.

    Looks like the script is not working as intended so we removed it. Unfortunately, we didn’t find any other solution to prevent the slides’ background images from loading when the slider is not visible. You may need to remove the other sliders and rely on the responsive images if you’re using the Fullwidth Easy Slider, or manually apply different background images to the slides for different screen sizes using css. Example:

    /* mobile */
    @media (max-width: 767px) {
        .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(1) {
            background-image: url("/path/to/slide1-mobile.jpg") !important;
        }
        .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(2) {
            background-image: url("/path/to/slide2-mobile.jpg") !important;
        }
        .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(3) {
            background-image: url("/path/to/slide3-mobile.jpg") !important;
        }
    }
    
    /* tablet */
    @media (min-width: 768px) and (max-width: 1023px) {
        .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(1) {
            background-image: url("/path/to/slide1-tablet.jpg") !important;
        }
        .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(2) {
            background-image: url("/path/to/slide2-tablet.jpg") !important;
        }
        .avia-fullscreen-slider .avia-slideshow > ul > li:nth-child(3) {
            background-image: url("/path/to/slide3-tablet.jpg") !important;
        }
    }
    
    

    Best regards,
    Ismael

    AgenturLanzinger
    Participant

    Hi Enfold Team,

    soooo, I’m using three 1/2 Grid Rows on a page. I want two of them to have an image cover the whole background of the right 1/2 cell and one where an image covers the whole background of the left 1/2 cell.

    Well, this works fine for the two right 1/2 cells. But in the left 1/2 cell, for some reason on large screens (f.e. 1568 x 1117) the image does not cover the full background. I have replicated everything exactly as in the two right cells – but still: When I you scroll down, you can see the image being cut off at the bottom of the left 1/2 cell.

    Can you help me figure this out?

    Thx in advance

    #1491432

    Hey John,

    Thank you for the inquiry.

    We tried logging in, but the provided account seems to be invalid. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot.

    Best regards,
    Ismael

    #1491430

    Hey koomo,

    Thank you for the inquiry.

    If you need to remove the arrow below the images, please add this css code:

    #top .avia-smallarrow-slider .avia-content-slider-inner .avia-slideshow-arrows {
        display: none;
    }

    Let us know the result.

    Best regards,
    Ismael

    #1491427
    koomo
    Participant

    Hi,
    We used the excellent post https://kriesi.at/support/topic/content-slider-with-image-and-text-on-the-right/

    And created a content slider with image and text. But having an issue
    On this page you can see bottom left there are another sets arrows and can’t fond a way to get it of those ones, with removing the top right one.

    Also images overlay.

    Any solution? Thank you

    Xavier

    • This topic was modified 1 month, 3 weeks ago by koomo.
    • This topic was modified 1 month, 3 weeks ago by koomo.
    #1491425

    I don’t see the images – will this work?
    Errors?

    • This reply was modified 1 month, 3 weeks ago by RobertWein.
    #1491415

    Hey Fred1969,

    That happen because you are using a full width element in the middle of the page. Please try adding the images in a 1/1 element instead for example.

    Best regards,
    Rikard

    #1491381

    Hey Gianluca,

    Thank you for the inquiry.

    There’s no built-in option for this, but you can try editing the enfold/config-templatebuilder/avia-shortcodes/slideshow_feature_image/slideshow_feature_image.php file, and look for the slide_html function. Let us know if you need more info.

    Best regards,
    Ismael

    #1491374
    sitibus
    Participant

    Hi, in my home https://www.avvocatoambienteesicurezza.it/ I’d like to have date and authot in the element featured image slider, can you helpl me please?

Viewing 30 results - 151 through 180 (of 106,061 total)