Forum Replies Created

Viewing 30 posts - 421 through 450 (of 33,009 total)
  • Author
    Posts
  • in reply to: Masonry gallery on mobile #1463166

    Hi,
    To match the masonry on /photography/iraq/ width with homepage width on mobile please use this css instead:

    @media only screen and (max-width: 767px) {
      .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin {
          padding-left: 15px !important;
          padding-right: 15px !important;
      }
      #top.page-id-21 .av-masonry {
        background-color: #f5f0eb;
    }
    }

    This will also match the background color.

    Best regards,
    Mike

    in reply to: Masonry gallery on mobile #1463161

    Hi,
    To remove most of the padding for that masonry on that page on mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
        .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    there will still be a little padding but this is needed for the element, please see the screenshots in the Private Content area of the expected results.

    Best regards,
    Mike

    in reply to: Social media icons #1463160

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead to have larger round social icons in the socket, it also adds a white background color before mouse-over and on mouse-over the icon colors show, I have not sure what color you wanted as typically there is no color until mouse-over, feel free to adjust the color to suit.

    #socket .social_bookmarks li a {
    width: 50px!important; 
    line-height: 50px!important; 
    min-height: 50px!important; 
    font-size: 30px;
    }
    
    #socket .social_bookmarks li {
    height: 50px!important; 
    width: 50px!important; 
    }
    
    #top #wrap_all .av-social-link-instagram a {
        color: var(--enfold-socket-color-meta);
        background-color: #fff;
    }
    #top #wrap_all .av-social-link-linkedin a {
        color: var(--enfold-socket-color-meta);
        background-color: #fff;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Title and excerpt for Masonry Grid #1463159

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-masonry-entry .av-inner-masonry-content {
    	padding: 20px 0;
    }

    to remove the left and right padding of the excerpt, after applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    Hey Jak73,
    Add the page ID to the css like this:

    .html_header_top.html_header_sticky.html_large .page-id-1616 #main {
    padding-top: 66px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Mouse-over text-link is not working properly? #1463157

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    in reply to: Error after upgrading to Enfold 6.0.2 #1463152

    Hi,
    Thank you for the link to your site, I see that switching to the parent theme v6.0.2 solves the error, so this points to an error in one of your child theme files.
    Try removing these files via FTP and then add them back in one at a time to find the error, then review your customized file with the current theme version to find the difference.
    Our latest updates adds a lot of new features including ACF integration, so your customized theme files will probably need to be updated.

    Best regards,
    Mike

    in reply to: Rounded edge #1463150

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this thread then?

    Best regards,
    Mike

    Hi,
    Thank you for your patience, as I review your request, I believe the only issue right now is switching to the built-in mobile menu before the custom menu becomes too large for the screen, so originally I have said to use the option <strong style=’color:#000′>Hide Header on this page but this also hides the mobile menu, so lets change this to <strong style=’color:#000′>Transparent Header
    Enfold Support 6413
    and hide the header with css:

    @media only screen and (min-width: 990px) { 
    	#header_main {
    		display: none;
    	}
    }
    @media only screen and (max-width: 989px) { 
    	.avia_codeblock > #header {
    		display: none;
    	}
    	#menu-item-shop, .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks {
    		display: none;
    	}
    	#av-burger-menu-ul .button.logo {
    		display: none;
    	}
    	.logo a {
    		 display: flex;
        align-items: center;
    	}
    	#header_main {
    		background-color: #000;
    	}
    }
    @media only screen and (max-width: 989px) { 
      .responsive #top #main {margin-top: -90px!important;}
      #top #wrap_all .av_header_transparency {background-color: transparent!important;}
      div#header_main > .container {display: block !important;}
      #top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
      background-color: #fff !important; 
      }
      .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
      background-color: #000 !important; 
      }
      }

    and for my example menu it breaks around 914px so setting the mobile menu to show at 990px in the theme setting will solve this, and I set the <strong style=’color:#000′>Alternate Menu For Mobile to the same menu we used for the shortcode:
    Enfold Support 6415
    So now at 990px and above it looks like this:
    Enfold Support 6417
    and below 989px the mobile menu shows like this:
    Enfold Support 6419
    and when the menu is open:
    Enfold Support 6421
    I believe this is what you are trying to achieve, I linked to my example page below for you to check.

    Best regards,
    Mike

    in reply to: change magazine enfold #1463132

    Hi,
    Thank you for your patience and the link to your site, I believe that I have found your magazine element on the page, please see the screenshot in the Private Content area, but I believe that the top item IN: Ongestructureerde data OUT: Gestructureerde info is the latest item, based on the date 27/07/2024 and the parent page /mdhai/ai-artikelen/
    Perhaps I misunderstand, please let us know which item that you expect to show first and include a admin login in the Private Content area so we can examine the backend closer.

    Best regards,
    Mike

    in reply to: Woocommerce sorting #1463131

    Hi,
    Try this code instead:

    function remove_avia_woocommerce_frontend_search_params() {
        remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
    }
    add_action( 'wp_loaded', 'remove_avia_woocommerce_frontend_search_params' );
    if ( ! function_exists( 'avia_woocommerce_frontend_search_params' ) ) {
        function avia_woocommerce_frontend_search_params() {
        }
    }
    
    function custom_avia_woocommerce_frontend_search_params() {
        global $avia_config;
    
        if (!empty($avia_config['woocommerce']['disable_sorting_options'])) {
            return;
        }
    
        $product_order = array();
        $product_sort = array();
        $params = array();
    
        $product_order['default'] = __('Default', 'avia_framework');
        $product_order['menu_order'] = __('Custom', 'avia_framework');
        $product_order['title'] = __('Name', 'avia_framework');
        $product_order['price'] = __('Price', 'avia_framework');
        $product_order['date'] = __('Date', 'avia_framework');
        $product_order['popularity'] = __('Popularity (sales)', 'avia_framework');
        $product_order['rating'] = __('Average rating', 'avia_framework');
        $product_order['relevance'] = __('Relevance', 'avia_framework');
        $product_order['rand'] = __('Random', 'avia_framework');
        $product_order['id'] = __('Product ID', 'avia_framework');
    
        $product_order = apply_filters('avf_wc_product_order_dropdown_frontend', $product_order);
    
        $product_sort['asc'] = __('Ascending', 'avia_framework');
        $product_sort['desc'] = __('Descending', 'avia_framework');
    
        $per_page_string = __('Products per page', 'avia_framework');
    
        $per_page = get_option('avia_woocommerce_product_count');
        if (!$per_page) {
            $per_page = get_option('posts_per_page');
        }
    
        if (!empty($avia_config['woocommerce']['default_posts_per_page']) && is_numeric($avia_config['woocommerce']['default_posts_per_page'])) {
            if ($avia_config['woocommerce']['default_posts_per_page'] > 0) {
                $per_page = $avia_config['woocommerce']['default_posts_per_page'];
            }
        }
    
        parse_str($_SERVER['QUERY_STRING'], $params);
    
        if (!isset($params['product_order'])) {
            $po_key = 'default';
        } else {
            $po_key = $params['product_order'];
        }
    
        if (!isset($params['product_sort'])) {
            $ps_key = !empty($avia_config['woocommerce']['product_sort']) ? $avia_config['woocommerce']['product_sort'] : 'asc';
        } else {
            $ps_key = $params['product_sort'];
        }
    
        if ('default' == $po_key) {
            unset($params['product_sort']);
        }
    
        $params['avia_extended_shop_select'] = 'yes';
    
        $pc_key = !empty($avia_config['woocommerce']['product_count']) ? $avia_config['woocommerce']['product_count'] : $per_page;
    
        $ps_key = strtolower($ps_key);
    
        $show_sort = !in_array($po_key, array('rand', 'popularity', 'rating', 'default'));
    
        $nofollow = 'rel="nofollow"';
    
        $output = '';
        $output .= '<div class="product-sorting">';
        $output .= '<ul class="sort-param sort-param-order">';
        $output .= "<li><span class='currently-selected'>" . __('Sort by', 'avia_framework') . " <strong>{$product_order[$po_key]}</strong></span>";
        $output .= '<ul>';
    
        foreach ($product_order as $order_key => $order_text) {
            $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_order', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_order', $order_key);
    
            $output .= '<li>';
            $output .= "<a href='{$query_string}' {$nofollow}>";
            $output .= "<span class='avia-bullet'></span>{$order_text}";
            $output .= '</a>';
            $output .= '</li>';
        }
    
        $output .= '</ul>';
        $output .= '</li>';
        $output .= '</ul>';
    
        if ($show_sort) {
            $output .= '<ul class="sort-param sort-param-sort">';
    
            if ($ps_key == 'desc') {
                $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Descending</strong></span>";
                $output .= '<ul>';
            }
            if ($ps_key == 'asc') {
                $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Ascending</strong></span>";
                $output .= '<ul>';
            }
    
            foreach ($product_sort as $order_key => $order_text) {
                $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_sort', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_sort', $order_key);
    
                $output .= '<li>';
                $output .= "<a href='{$query_string}' {$nofollow}>";
                $output .= "<span class='avia-bullet'></span>{$order_text}";
                $output .= '</a>';
                $output .= '</li>';
            }
    
            $output .= '</ul>';
            $output .= '</li>';
    
            $output .= '</li>';
            $output .= '</ul>';
        }
    
        if (!isset($avia_config['woocommerce']['default_posts_per_page']) || ($avia_config['woocommerce']['default_posts_per_page'] > 0)) {
            $output .= "<ul class='sort-param sort-param-count'>";
            $output .= "<li><span class='currently-selected'>" . __('Display', 'avia_framework') . " <strong>{$pc_key} {$per_page_string} </strong></span>";
            $output .= '<ul>';
            $output .= '<li' . avia_woo_active_class($pc_key, $per_page) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page) . "' {$nofollow}><span class='avia-bullet'></span>{$per_page} {$per_page_string}</a></li>";
            $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 2) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 2) . "' {$nofollow}><span class='avia-bullet'></span>" . ($per_page * 2) . " {$per_page_string}</a></li>";
            $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 3) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 3) . "' {$nofollow}><span class='avia-bullet'></span>" . ($per_page * 3) . " {$per_page_string}</a></li>";
            $output .= '</ul>';
            $output .= '</li>';
            $output .= '</ul>';
        }
    
        $output .= '</div>';
    
        echo $output;
    }
    add_action('woocommerce_before_shop_loop', 'custom_avia_woocommerce_frontend_search_params');
    

    Enfold Support 6409

    Best regards,
    Mike

    Hey Illingco,
    To move the shop sorting to the bottom of the page try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function modify_avia_woocommerce_frontend_search_params_hook() {
        remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
        add_action( 'woocommerce_after_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
    }
    add_action( 'wp_loaded', 'modify_avia_woocommerce_frontend_search_params_hook' );

    Best regards,
    Mike

    in reply to: Enfold – Woocommerce remove sorting #1463129

    Hi,
    To remove the sorting try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function remove_avia_woocommerce_frontend_search_params() {
        remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
    }
    add_action( 'wp_loaded', 'remove_avia_woocommerce_frontend_search_params' );
    if ( ! function_exists( 'avia_woocommerce_frontend_search_params' ) ) {
        function avia_woocommerce_frontend_search_params() {
        }
    }
    

    To move the sorting to the bottom of the page, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function modify_avia_woocommerce_frontend_search_params_hook() {
        remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
        add_action( 'woocommerce_after_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
    }
    add_action( 'wp_loaded', 'modify_avia_woocommerce_frontend_search_params_hook' );

    Best regards,
    Mike

    in reply to: Rounded edge #1463127

    Hi,
    Please note that the css above is specific for the element on the one page, you can tell this is the case whenever you see a class like this: .av-71o5oc-a8dc12cd8b5da5904a0f5d2b3077d9f9
    so this css won’t work on your new page, perhaps it will be easier you you to use the options in the element, go to the column ▸ layout ▸ borders ▸ Border Radius and set to 10px :
    Enfold Support 6403
    I did this for you, please check:
    Enfold Support 6405

    Best regards,
    Mike

    in reply to: Fullscreen Slider ILoading ssues #1463126

    Hi,
    I see that you have the error: HTTP 429 Too Many Requests for your image front-page-slider-6.webp
    This image also gives the same error in the media library, but I see that you have a second version of this image in your media library that is working.
    So I picked the working image and cleared the site cache and now it seems to work, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: enfold update to 6.0.2 crash my site #1463125

    Hi,
    Try creating a staging site to test on, most cPanel webhosts have a staging site option, some in the dashboard:
    staging-1.jpeg
    Others add the option in the Softaculous WordPress Management
    2022-12-11_001.jpeg
    There may be other staging site options in different cPanel servers, these are the two that I have seen.
    Then update the staging site and include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    Hey stefv8,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all #main.all_colors h1, #top #wrap_all #main.all_colors h2, #top #wrap_all #main.all_colors h3, #top #wrap_all #main.all_colors h4, #top #wrap_all #main.all_colors h5, #top #wrap_all #main.all_colors h6 {
        text-transform: capitalize;
    }

    After applying the css, please clear your browser cache and check.
    If this doesn’t help please link to your site so we can examine.

    Best regards,
    Mike

    in reply to: The homepage cannot be displayed normally and… #1463122

    Hey cws0827,
    From your screenshot it looks like your homepage is also the custom footer page, please go to the theme settings and disable the custom footer page option:
    Enfold Theme Options ▸ Footer ▸ Default Footer & Socket Settings

    Best regards,
    Mike

    in reply to: Vimeo Not Displaying On Website #1463121

    Hey Aron,
    Thank you for the link to your site, I see this error on your site from vimeo:
    Refused to load the script '<URL>' because it violates the following Content Security Policy directive: "script-src 'none'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
    I have not seen this before so I don’t know if this is a setting in your vimeo account to allow the video to play without cookies or if updating to v6.0.2 would help.
    I recommendation updating and if that doesn’t help try uploading the video to your site in the media library and use that link on your page so the video will play without the vimeo cookies

    Best regards,
    Mike

    in reply to: Site Health issue after recent update version 6.0.2 #1463120

    Hey rimitsAU,
    Thank you for the link to your site but we are not able to see the /site-health.php without a login. I believe that the warning that you see is from a plugin, some plugins add
    recommendation to the site-health screen like optimization plugins. But I’m not seeing this on my demo site.
    Unfortunately there is not an easy method to adjust the WordPress autoloaded options in WordPress, options are typically autoloaded by default for better performance, as it reduces the number of database queries required to load commonly used data,
    removing this feature may cause more database queries and slowing your site in a different.
    I do recall a user with a huge shoping site disabling this in his database, but this unusual and I would not typically recommend this as it takes some database experience.
    If you include a admin login in the Private Content area we can examine your site-health.php message and review further, if you wish.

    Best regards,
    Mike

    Hey Frans,
    Thank you for your patience, please include an admin login in the Private Content area so we can example why the image is not showing for you.

    Best regards,
    Mike

    in reply to: Layout Tab Section #1463117

    Hey Markus,
    Thank you for the link to your site, for the tab content width, it looks like you have this custom css:

    .av-layout-tab-inner {
        margin-right: 20% !important;
        margin-left: 1% !important
    }

    please remove it, and add this css instead:

    .responsive .av-layout-tab-inner > .container {
    	padding: 0;
    	max-width: 95%;
    }

    To have a line under the tabs instead of an arrow, add this CSS:

    .avia_transform .av-tab-arrow-container span {
      left: 0;
      width: 100%;
      transform: none;
    }
    .av-active-tab-title .av-tab-arrow-container {
    	top: -9px;
    }
    .av-inner-tab-title, .av-tab-arrow-container, .av-tab-section-icon, .av-tab-section-image {
       width: 100%;
    }

    this also increases your tab width so some of your tab titles are not over two lines.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Flux checkout plugin styling issue #1463114

    Hi,
    Thank you for your patience, it looks like the plugin removes the page max-width in:
    /wp-content/plugins/flux-checkout/assets/frontend/css/templates/modern/main.css
    the plugin css also seems to override using a percentage so you must use a PX width, please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 325px) { 
    	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
    		max-width: 320px;
    	}
    }
    @media only screen and (min-width: 374px) and (max-width: 380px) { 
    	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
    		max-width: 375px;
    	}
    }
    @media only screen and (min-width: 424px) and (max-width: 430px) { 
    	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
    		max-width: 425px;
    	}
    }
    @media only screen and (min-width: 766px) and (max-width: 770px) { 
    	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
    		max-width: 768px;
    	}
    }
    @media only screen and (min-width: 888px) and (max-width: 900px) { 
    	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
    		max-width: 890px;
    	}
    }
    

    This seems to correct for all of the major mobile screen sizes on the checkout page, I don’t see what the conflict might be, but the checkout page doesn’t have this issue when the plugin is disabled.

    Best regards,
    Mike

    in reply to: Rounded corners on all images and Products #1463109

    Hey bemodesign,
    I checked your pages but I didn’t find an example of images with a border-radius, but when I review your past threads it looks like you wanted a border-radius of 30px, so for this on your shop images try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

     #top .av-product-class-minimal img {
        border-radius: 30px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    Hey cuccarini,
    Thank you for your patience, when I check your category pages the layout seems mostly the same, for example federscacchilazio.com/2024/06/ ▸
    Enfold Support 6393
    and federscacchilazio.com/notizie/ ▸
    Enfold Support 6395
    Then you write that the ideal solution would be to have a header selection for categories like this ▸
    Enfold Support 6397
    For this you can add a category Description
    Enfold Support 6399
    then it will show on the frontend
    Enfold Support 6401
    then with some css we can make the font larger like your example above, is this what you mean?

    Best regards,
    Mike

    in reply to: events calendar “previous events” text? #1463104

    Hey Munford,
    Thank you for your patience, it looks like you added the BEGIVENHEDER text in the events calendar ▸ settings ▸ display
    Enfold Support 6389
    But I didn’t find any option or custom snippet that adds the SENESTE AFSLUTTEDE BEGIVENHEDER
    So to change this try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .tribe-events-calendar-latest-past__heading.tribe-common-h5.tribe-common-h3--min-medium {
    	opacity: 0;
    }

    and add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_change_text_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            $(document).ready(function() {
                var targetElement = $(".tribe-events-calendar-latest-past__heading.tribe-common-h5.tribe-common-h3--min-medium");
    
                if (targetElement.length) {
                    targetElement.text("NEW TEXT HERE");
                    targetElement.css("opacity", "1");
                }
            });
        })(jQuery); 
    });
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_change_text_script', 99 );

    Then in the code above change NEW TEXT HERE to your new text.

    Best regards,
    Mike

    in reply to: Mega Menu #1463007

    Hi,
    I added this css to your Quick CSS:

    #top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
        text-decoration: none;
        font-size: 12px; 
    }
    #top #header .avia_mega_div .avia_mega_text_block .avia-bullet {
        margin-top: 10px;
        left: -8px;
    }

    please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: woocommerce login redirect to another page #1463006

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 30 posts - 421 through 450 (of 33,009 total)