Luca Rossi

Hi @MAHDAR,

Please try adding the following code under functions.php file locates in your child theme:

add_action('wp_footer', 'n2t_wp_footer');
function n2t_wp_footer(){
	if(is_singular('product')){
		?>
		<script>
            jQuery( function($){
                $(document).ready(function(){
                    $('.woocommerce-product-gallery__image a').attr('data-large', '');
                    $('.woocommerce-product-gallery__image a').attr('href', '#');
                })
            });
		</script>
		<?php
	}
}

Hope it helps!

Hi @vera,

Please update the previous CSS to this:

/* For #1 */
#shipping_method li {
    flex-wrap: wrap;
}
/* For #2 */
.et-mini-content-head .et-element-label,
.et-mini-content .menu li a,
.et_b_header-account.login-link .lost-password, 
.et_b_header-account.login-link .register-link, 
.et_b_header-account.login-link label,
.et-content .et_b-tabs .et-tab,
.et_b_header-account.login-link .button, 
.et_b_header-account.login-link .et-facebook-login-button, 
.et_b_header-account.login-link form .button,
.et_b_header-account.login-link form p {
    font-size: 15px !important;
}

Hope it helps!

Dear @jimmy-17,

We are pleased to inform you that we have successfully integrated the missing CSS codes into your project. We believe that all functionalities should now be performing optimally.

Could you kindly review the changes at your earliest convenience? Here is the link for your reference: https://prnt.sc/I-NdePkSKpfg

Thank you for your attention to this matter.

Best Regards,
The 8Theme Team

Dear @jimmy-17,

We hope this message finds you well.

We have completed a review of your FTP accounts and confirmed that there are no custom codes under your child theme. However, during our inspection of the console log, we identified several errors that require attention.

We kindly request that you contact your hosting provider to address and resolve these issues promptly. For your reference, please see the screenshot of the errors here: https://prnt.sc/PZaR5iUfQ2vZ.

For the missing icon, please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

li.eventin a::before {
    content: "\f073";
    font-family: "Font Awesome 6 Free";
    font-size: 17px;
    margin-right: 15px;
}

Should you require any further assistance or have questions, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

Hi @belen,

Please take a look at the following screenshots:

– https://prnt.sc/rtQsH-f32N9t
– https://prnt.sc/oQoBaVmXot9z
– https://prnt.sc/atBAwB9UYoyG
– https://prnt.sc/rwsnNGQtg4Ts

Hope it helps!

Dear @prloha,

We hope this message finds you well.

We have encountered an error message following a recent login attempt, which can be viewed here: https://prnt.sc/TNLYRof_R8W2. Could you kindly review this at your earliest convenience?

Additionally, we recommend disabling all Firewall settings on your website to troubleshoot this issue further.

Thank you for your attention to this matter.

Best Regards,
8Theme’s Team

Dear @ahsalama,

We hope this message finds you well.

We would like to inform you that after deactivating the Imagify plugin, the functionality has been restored successfully. Could you please take a moment to verify this on your end?

Additionally, we would like to remind you that issues arising from third-party plugins should be addressed directly to the authors of those plugins, as they are beyond the scope of our standard support services.

Thank you for your understanding and cooperation.

Best regards,
The 8Theme Team

Hi @khurram virk,

1. Please also add this custom CSS codes:

body .mtips.mtips-left span.mt-mes {
    left: 130%;
    right: auto;
}

@media (max-width: 600px){
    .back-top.backIn~.et-request-quote.mtips {
        bottom: 90px !important;
    }
    body .et-popup {
        max-width: 75% !important;
    }
}

3. Those warning messages are related to the server side issue, can you please contact to your hosting provider about this? For more information, please take a look at this article: https://stackoverflow.com/questions/15076819/file-get-contents-ignoring-verify-peer-false

Best Regards,
8Theme’s Team

Hi @Mario :),

For #1, please add the following code under functions.php file locates in your child theme:

add_filter('etheme_ajaxify_elementor_widget', '__return_false');
add_filter('etheme_ajaxify_lazyload_widget', '__return_false');
add_filter('etheme_ajaxify_script', '__return_false');
add_filter('et_ajax_widgets', '__return_false');

After that try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-et-]>.elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]>.elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-etheme]>.elementor-widget-container,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-product-etheme]>.elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-et-]>.elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]>.elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-etheme]>.elementor-widget-container,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-woocommerce-product-etheme]>.elementor-widget-container {
    opacity: 1;
    visibility: visible;
}
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:before,
body.elementor-default:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:before,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-et-]:before,
body.elementor-page:not([data-elementor-device-mode]) [class*=elementor-widget-etheme]:before {
    display: none;
}

Best regards,
The 8Theme Team

Dear @Bagwani,

We hope this message finds you well. We would like to inform you that there is no specific size requirement for desktop backgrounds as the sizing utilizes a cover style. This means that the background width adjusts based on the browser width.

Therefore, any image with a 16:9 aspect ratio will be suitable.

Best regards,
The 8Theme Team

Hi @Shehzad Ghazi,

The Media Library is working fine on the stating site now. We guess it could be the cache issues: https://tinyurl.com/29fdwae7.

Could you please double check?

Thank you!

Dear Salman,

We hope this message finds you well. We would like to recommend a couple of options for language translation plugins that may suit your needs.

For a free solution, you might consider the Google Language Translator plugin, which can be accessed and downloaded at the following link: [Google Language Translator Plugin](https://wordpress.org/plugins/google-language-translator/).

Should you require more advanced features, we suggest exploring the paid plugin available at [WPML](https://wpml.org/).

Please feel free to reach out to us with any further questions or for additional assistance.

Best Regards,
The 8Theme Team

Hi @Sam,

Please also add this custom CSS codes:

.woocommerce-checkout .cart-checkout-nav,
.woocommerce-cart .cart-checkout-nav {
    background-color: #735730 !important;
}

body .btn-checkout:hover, 
body .mini-cart-buttons .btn-checkout:hover {
    opacity: 1 !important;
}

Best Regards,
8Theme’s Team

Hi @Bagwani,

The height and width of the shop page section on mobile are too different from the desktop, so you can’t use the same size of desktop for mobile.

Solution is creating another background image with 4:3 ratio for the mobile version: https://prnt.sc/vgB4mg8fmx1f

For more information, please take a look at this article: https://www.cronyxdigital.com/blog/hero-image-sizing-guide-for-desktop-mobile.

Best regards,
8Theme’s Team

Hi @Mario :),

1. As we said in the previous replies, some widgets are using the AJAX loading so they need time to load, do you want to remove this feature completely?

2. We’ve fixed this issue for you. There were some br tags that cause the spacing issue.

3. Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

@media (max-width: 600px){
    .single-product .single_variation_wrap .woocommerce-variation-add-to-cart {
        width: 100%;
    }
}

4. It’s because of your custom CSS codes:

.btn.small.black, .btn.medium.black, .btn.big.black, .before-checkout-form .button, .etheme-above-checkout-form .button, .checkout-button, .shipping-calculator-form .button, .single_add_to_cart_button.button, .single_add_to_cart_button.button:focus, .single_add_to_cart_button.button.disabled, .single_add_to_cart_button.button.disabled:hover, .et-quick-view-wrapper .single_add_to_cart_button.button, .et-quick-view-wrapper .single_add_to_cart_button.button:focus, .et-quick-view-wrapper .single_add_to_cart_button.button.disabled, .et-quick-view-wrapper .single_add_to_cart_button.button.disabled:hover, form.login .button, form.register .button, form.register .button.woocommerce-Button, form.lost_reset_password .button, .woocommerce-EditAccountForm .woocommerce-Button, .empty-cart-block .btn, .empty-wishlist-block .btn, .empty-compare-block .btn, .empty-category-block .btn, .woocommerce-mini-cart__empty-message .btn, .form-submit input[type="submit"], #commentform input[type="button"], .form-submit input[type="submit"]:focus, .my_account_orders .view, .et-quick-view-wrapper .product_type_variable, .et-quick-view-wrapper .product_type_variation, .coupon input[type="submit"], .widget_search button, .widget_product_search button, .woocommerce-product-search button, form.wpcf7-form .wpcf7-submit:not(.active), .woocommerce table.wishlist_table td.product-add-to-cart a, .wcmp-quick-info-wrapper form input[type=submit], .product_list_widget .buttons a, .et-wishlist-widget .wishlist-dropdown .buttons .btn-view-wishlist, .btn-checkout, .mini-cart-buttons .button:not(.btn-checkout), .mini-cart-buttons a, .form-row.place-order .button, .search-full-width form .btn, .xstore-wishlist-action .button, .xstore-compare-button .button, .form-actions .add-all-products, .form-actions .compare-more-products, .form-actions .xstore-wishlist-actions, .form-actions .xstore-compare-actions, .et-cookies-popup-wrapper .cookies-button, body .etheme-checkout-page-next-step, .etheme-checkout-page-steps-footer #place_order, body .etheme-checkout-page-previous-step, .etheme-elementor-cart-checkout-page-coupon .button, .etheme-elementor-cart-checkout-page-login-form .button {
    font-weight: 400;
    text-transform: capitalize;
    border-style: none;
    margin-top: 30px;
}

We’ve removed the margin-top: 30px; and everything looks good.

5. How can we access this? This is how it looks now: https://prnt.sc/m4J3cUC6zgQv

6. Please double check the responsive & margin settings of your sections & inner sections, maybe there are some margin. We also suggest you to convert all the old sections to containers: https://elementor.com/help/convert-existing-sections-to-containers/.

Best regards,
The 8Theme Team