Forum Replies Created

Viewing 30 posts - 2,311 through 2,340 (of 34,913 total)
  • Author
    Posts
  • in reply to: Area above menu on mobile #1463193

    Hi,
    I’m not sure as I don’t have a iPhone and this is not a option on Android. There is not a specific setting for this in the theme, but it sounds like the css above is changing it some.
    Perhaps the iPhone also adds opacity to the color, try this:

    html {
    	background-color: blue !important;
            opacity: 1 !important; 
    }

    Please note that testing with iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,
    Mike

    in reply to: Area above menu on mobile #1463191

    Hey Richard,
    I believe that you need to add the background-color to the html element which I believe shares the color with the Socket Background Color
    But if you don’t want to also change this color, try this css:

    html {
    	background-color: blue !important;
    }

    and adjust the color to suit, after applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Enfold Theme Update #1463190

    Hi,
    I’m not sure what you mean by add my website to my Google profile, please explain further, perhaps a screenshot of the Google profile page that you add the url to would help.
    Is the error code 400 shown on the Google profile page or is this in your webhost error logs?

    Best regards,
    Mike

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

    .avia_transform .av-parallax-object.active-parallax.avia_start_delayed_animation.right-to-left {
        animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
        opacity: 1;
    }
    .js_active .av-parallax-object.active-parallax {
        opacity: 0;
        transition: none
    }

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

    Best regards,
    Mike

    in reply to: Masonry gallery on mobile #1463186

    Hi,
    You can remove the page ID from the css

    Best regards,
    Mike

    in reply to: Use of block editor goes wrong #1463185

    Hey plichtovav,
    Please note that your homepage is created with the Advanced Layout Builder (ALB) please use this to edit the page:
    Enfold Support 6431
    If you try to edit the page with a different editor it may cause issues. I corrected this for you so you can edit your page, please check.

    Best regards,
    Mike

    in reply to: Padding between h3 and h4 headings #1463183

    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: Masonry gallery on mobile #1463182

    Hi,
    Try adding !important; after background-color: #f5f0eb; like this:

    @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;
      }
      .responsive #top.page-id-21 .av-masonry {
        background-color: #f5f0eb !important;
    }
    }

    Best regards,
    Mike

    in reply to: Padding between h3 and h4 headings #1463180

    Hey Richard,
    This is margin due to this css:

    p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 {
        margin-top: 1.5em;
    }

    the “p” means paragraph, so in your case please add this css:

    h3+h4 {
        margin-top: 1.5em;
    }

    Best regards,
    Mike

    in reply to: Enfold Theme Update #1463179

    Hey zdenkab,
    Thank you for the link to your site, I see that you are using v5.7 and your Envato token is unverified.
    You could try using the Envato Market Plugin and create a new Envato Token in your Theme Forest account.
    Or you could manually update and then Envato Token in your Theme Forest account.
    To manually update Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    in reply to: Social media icons #1463177

    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 #1463176

    Hi,
    When I test this on my site the only time I see and error is if I try to use a portfolio element.
    So if you want to disable the portfolio CPT you should ensure to not use a portfolio element.

    Best regards,
    Mike

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

    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: Masonry gallery on mobile #1463169

    Hi,
    On mobile I see #f5f0eb;
    try clear your browser cache.
    If you mean desktop add this css:

     #top.page-id-21 .av-masonry {
        background-color: #f5f0eb;
    }

    Best regards,
    Mike

    in reply to: Social media icons #1463168

    Hi,
    Please use margin like this:

    #top .social_bookmarks li {
        margin-right: 10px;
    }

    Best regards,
    Mike

    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

Viewing 30 posts - 2,311 through 2,340 (of 34,913 total)