Sidebar Visibility Issue on Cart, Checkout, and My Account Pages After Widget Removal

Hello @MKT,

You can try setting the “Sidebar position” to “Without” in the page options in the backend (https://prnt.sc/ZV2tMk8fkYPB) and then check if the issue is resolved. If the problem persists, please provide temporary wp-admin access in the private area so that we can investigate the issue from our side.

Best regards,
Jack Richardson
8Theme Team

Hello @MKT,

To modify the background color of the header, please navigate to “Theme Options → WooCommerce → Cart/Checkout Advanced Layout” section (https://gyazo.com/3867bc4cef14bcb5462e11e7500c5906).

To change the text color of the navigation in your header on the Cart and Checkout pages, please use the following custom CSS:

.cart-checkout-nav-simple a {
    color: #fff;
}
.cart-checkout-nav-simple a.active,
.cart-checkout-nav-simple a:hover {
    color: green;
}

For more details, please refer to our documentation:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

If you would like to hide the SKU for each product in the cart page table, you can do so in the “Cart Page Widget” from Elementor editor of Cart page (https://prnt.sc/DK4GCpBhogBq).

We kindly suggest separating your questions into different topics to help us provide more efficient and accurate support for each request.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @MKT,

Please try using the following custom CSS to change the background of the content on your cart and checkout pages:

body.cart-checkout-multistep {  
    --et_container-bg-color: #f3f4ff;  
}

Best regards,
Jack Richardson
The 8Theme’s Team

Hi,

Thank you for reaching out to us.

1. To activate the bottom product navigation on your product page, please go to Single Product Builder > edit template > add the Sticky cart https://prnt.sc/2lxkvCoA21-X

2. Regarding the blurry product grid images, please check the image size settings under Theme Options > WooCommerce > Product Images and make sure the selected image size matches the one used in your Elementor widget. After adjusting the sizes, regenerate your thumbnails using a plugin such as Regenerate Thumbnails to ensure all images display correctly.
Read more – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ and https://woocommerce.com/document/fixing-blurry-product-images/

If the issue persists, please provide temporary admin access in a private message so we can check your settings directly.

Best Regards,
8Theme’s Team

Hi,

Thank you for reaching out to us.

To remove the search bar from the mobile hamburger menu, please navigate to XStore Builders > Header Builder with Elementor > edit template > Mobile menu element settings > Items > https://prnt.sc/VCzdW2E7mcf2

Warm Regards,
The 8Theme Team

Hi,

Thank you for reaching out to us.

Please go to Elementor > Settings > Features > Flexbox Container > change the value to “Active”, then try to import.

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Warm Regards,
The 8Theme Team

Hello, MKT,

Thank you for providing access. We have made the necessary changes. Please check and confirm whether the issue has been resolved.

Best regards,
The 8Theme Team

Hi,

Thank you for reaching out to us.

Please try to import this template file – https://fex.net/uk/s/xyrxvvp

Warm Regards,
The 8Theme Team

Hello @MKT,

Please provide us with the specific templates you are experiencing issues with during the import process, as each template may have different causes for such issues. This will allow us to review the requested templates and assist you accordingly.

Regarding your question about hover options, could you please clarify which elements you would like to modify on hover? It appears that the settings you are requesting may not be available in the current widget, so you may need to implement your request using custom CSS snippets.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @MKT,

Since you are using the header builder based on Elementor, the settings from the Customizer do not have any effect. Regarding the overlay color, there is no such setting available, but we have added a custom CSS snippet for you in the Shopping widget (https://prnt.sc/eke_AtmSr5lo) of the header content:

selector .product_list_widget:not(.swiper-wrapper) li:hover {  
    background: rgba(255,255,255,.2);  
}

Frontend result: https://prnt.sc/f_dytOQQNuHa

Please check it now.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @MKT,

The task has been completed. Please check it now.

We added the following custom CSS snippet in the Shopping Cart widget:

selector {
    --et_inputs-bg-color: transparent;
}

Additionally, you manually added the following custom code (https://prnt.sc/9wgk6A4HtMdp) in “Customizer → Additional CSS” (https://prnt.sc/t4or9bVy2-Xq), which is causing incorrect spacing.
Please resolve this issue on your side, as it was implemented by you or your developers.

Best regards,
Jack Richardson
The 8Theme’s Team