Tony Rodriguez

Hello, @sergeantmaster,

1/ We are committed to assisting you in resolving your issue. To proceed, kindly copy and paste the following CSS code into the designated area of your website’s backend. Please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS and insert the code there. You should expect the outcome to resemble the example provided. https://ibb.co/HDWc9Rm

@media screen and (max-width: 767px) {
span.et-toggle.pos-absolute.et-close.full-left.top {
    position: absolute;
    left: 252px !important;
}
}

2/ Should you wish to modify the site-wide loading animation, kindly proceed to the following location within your dashboard: XStore > Theme Options > General/Layout > Site Preloader. Here, you will have the option to enable the feature and upload an image that aligns with your requirements. Once completed, please ensure to save your changes by clicking ‘Publish’.

For your convenience, we have provided an image to serve as a reference for this process. https://ibb.co/RQjPVpG

We trust this guidance will be of assistance to you.

Warm regards,
The 8Theme Team

Hello, @Hanzla Nadeem,

Thank you for reaching out to us regarding the issue you are experiencing with the bottom header on your website.

After carefully reviewing your concern, we identified a potential solution to address the overlapping problem. To resolve the issue, kindly follow the steps outlined below:

a) Navigate to the XStore theme settings on your WordPress dashboard.
b) Access the “Theme Options” section.
c) Select “Header Builder” from the available options.
d) Locate the “Sticky Header” settings within the Header Builder.
e) Turn off the option for the Bottom Sticky Header.
f) Enabling this option makes the bottom header area sticky when the page is scrolled,

Which may be causing the misalignment, border shadow, and overlapping you described. Disabling it should rectify the problem.

For a more visual guide, please refer to the image provided in the following link: https://imgur.com/a/BkNXFSk

Should you encounter any difficulties or require further assistance during this process, please do not hesitate to contact us

Kind Regards,
8theme team

Hello, @Kharim,

We would be grateful if you could kindly leave a 5-star rating for our theme and customer and technical support on ThemeForest at http://themeforest.net/downloads. Doing so would help us to provide more updates and dedicated support in the future. Your support would be greatly appreciated.

Thank you for your time. We hope you have a wonderful day.

Please note that for any new issues, you should create a new ticket on the support forum.

This topic is now closed.

Warm regards,
8Theme’s Team

Hello, @Kharim,

We hope this message finds you well.

Should you desire to modify the color of the “Add to Cart” button on the single product page, we kindly ask you to follow these steps:

1. Go to “XStore” in your dashboard.
2. Proceed to “Theme Options.”
3. Click on “Styling/Colors.”
4. Locate “Dark buttons.”
5. Choose your preferred background color.
6. Ensure to save your changes by clicking “Publish.”

For your convenience, we have included a reference image to assist you with this process. https://ibb.co/nLLnvT7

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

Warm regards,
The 8Theme Team

Hello, @Kharim,

We hope this message finds you well.

We kindly request that you provide us with the URL of the webpage where you are encountering difficulties. Additionally, if you could attach a screenshot of the issue and offer a detailed description of the problem, including what you are attempting to achieve, it would greatly assist us in understanding and addressing your concerns.

Your cooperation is greatly appreciated, and we are committed to resolving your issue promptly.

You may upload the screenshots on https://imgbb.com/ and paste the links here.

Thank you for your attention to this matter.

Best regards,
The 8Theme Team

Hello, @Victoryunderwear,

We regret to inform you that altering the size of the variation swatches cannot be achieved through CSS code alone. This modification necessitates additional code customization and you request additional customization.

Our high-level developers are equipped to provide you with a tailored solution for this. To get a precise estimate and discuss the customization, please submit a customization services request, and we will prepare a detailed estimate for the cost – https://www.8theme.com/account/#etheme_customization_panel (8Theme’s Customisation Services)

We appreciate your understanding.

If you have any more questions or need additional support, please don’t hesitate to ask.

Kind Regards,
8theme team

Hello, @Luis,

We hope this message finds you well. Thank you for bringing the recent update issue to our attention.

The error message you encountered, stating that the update was not able to install due to permissions or inconsistent files, is a common occurrence in WordPress and WooCommerce websites. This message typically appears when the update process encounters difficulties accessing or modifying certain files and directories on your server.

However, it’s encouraging to hear that upon refreshing the page, the plugin appears to be functioning normally. This might suggest that the update was partially successful, and the subsequent refresh resolved any lingering issues.

Clear Cache: Sometimes, caching plugins or server-side caching mechanisms can cause display inconsistencies after an update. Clearing your website cache can help resolve these issues.

Thank you for your patience and understanding.

Best Regards,
The 8Theme Team

Hello, @Kharim,

Thank you for reaching out to us with your query regarding the customization of the “Add To Cart” button color on both the single product page and the shop page. We appreciate your interest in personalizing your online store’s appearance.

1/ To change the color of the “Add To Cart” button on the Single Product Page, please follow these steps:

a) Navigate to XStore theme options.
b) Select Woocommerce(Shop).
c) Go to Single Product Page.
d) Locate the “Add To Cart & Quantity” section.
e) In the settings on the left sidebar, adjust the Background Color and Background Color (Hover) to your desired choices.

For a visual reference, kindly consult the image provided in the following link: https://imgur.com/a/vcacVdA

2/ We would like to inform you that should you desire to alter the hue of the “Add To Cart” button located on the Shop Page, you are kindly requested to replicate the following CSS code and insert it into the designated area. Please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS and paste the code there.

.woocommerce-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: darkgray !important;
}

We trust this will assist you in customizing your website to your satisfaction. Should you require any further assistance, please do not hesitate to reach out.

Warm regards,
The 8Theme Team

Hello, @Vijay Jesv,

We are delighted to inform you that the technical issue affecting your website has been successfully resolved. For your reference, we have provided a screenshot illustrating the resolution: https://ibb.co/17HZTqg.

Upon investigation, we identified that the problem stemmed from a conflict with one of the third-party plugins. To address this, we temporarily disabled all plugins on your website. Subsequently, we activated the XStore Core plugin, which functioned correctly. We then proceeded to reactivate all the necessary and recommended plugins associated with your theme, and we are pleased to report that your website continues to operate smoothly.

Please note that we have left all third-party plugins deactivated to allow you to verify the outcome on your website. We recommend that you revisit your site to confirm that the issue has been resolved. Following this, you may reactivate the third-party plugins individually. This step-by-step approach will enable you to identify the specific plugin that was causing the conflict.

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

Best regards,
The 8Theme Team

Hello, @vijay jesv,

Thank you for providing a screenshot.

1/ To ensure a seamless experience with the XStore theme, we kindly request that you verify the compatibility of your web hosting environment with the theme’s minimum system requirements. Specifically, it is imperative to have PHP version 8.0 enabled. For a detailed list of the necessary requirements, please refer to the following image: https://ibb.co/tpL7tV9

2/ Furthermore, we would appreciate it if you could create temporary wp-admin access and share the details via the private content area. This will allow us to review your settings and better understand the issue at hand and help you.

We kindly recommend that you take a complete backup of your site before proceeding.

Best Regards,
The 8Theme Team

Hello, @Juergen,

Thank you for using our theme and for contacting us.

Upon reviewing your concern, it appears that the current approach of creating the 404 page as a static block might be causing the header and footer to be consistently visible, despite setting “Elementor Canvas” in the page layout.

For optimal results, we recommend creating and editing your 404 page using a dedicated Page Builder such as Elementor. To facilitate this process and streamline the design, you can also explore importing XStore pre-built 404 templates.

Here are step-by-step instructions to guide you through the creation of your 404 page:

Navigate to your WordPress Dashboard and access “Xstore Builder” followed by “Error-404.”

Click on ‘Add New’ to initiate the creation process. Refer to this screenshot for clarity: https://postimg.cc/GHwfdJZB

Choose and insert a layout that aligns with your design preferences. A visual guide can be found here: https://postimg.cc/1VH7vbML

Upon completing these steps, set the display conditions for the 404 page by following the instructions depicted in these screenshots: https://postimg.cc/bsf2gstc & https://postimg.cc/PpGtH8hd

Additionally, Please read our theme documentation: https://www.8theme.com/documentation/documentation/xstore-builders/xstore-error-404-page-builder-with-elementor/

We believe that adopting this approach will address the issue you’ve been facing, ensuring a seamless and visually appealing 404 page experience for your visitors.

Best Regards,
The 8Theme Team

Hello, @Mitul,

We trust this message finds you well. We appreciate your inquiry regarding the implementation of Recaptcha within the Contact Form 7 plugin.

To ensure a comprehensive understanding of the Recaptcha integration process, we kindly recommend referring to the official Contact Form 7 plugin documentation. The documentation provides detailed instructions and best practices, offering a comprehensive guide to streamline the implementation process.

You can access the Contact Form 7 documentation on Recaptcha via the following link: https://contactform7.com/recaptcha/

Should you encounter any specific challenges or require further clarification after reviewing the documentation, please do not hesitate to reach out.

Best Regards,
The 8Theme Team

Hello, @GTP,

1) Thank you for reaching out. To customize the top section of the General tab in XStore, please follow these steps:

a) Navigate to the Configure XStore General Tabs Settings.

b) In the Content section >> General, you can customize the Layout and Horizontal style. Select your desired options, such as Style 4 or others.

c) In the Style section >> Tab, you can further refine the appearance. Here, you have the flexibility to set the typography for the tabs text. Additionally, within the Tab option, you can modify the background color and text color for various states, including Hover and Active.

By adjusting these settings, you should be able to achieve the desired look for the General tab top area. If you encounter any challenges or have specific requirements, feel free to reach out for further assistance.

For a visual reference, please consult:
https://imgur.com/a/NfB7ggE
https://imgur.com/a/YMGYw85

2) You can easily set the position of the XStore General Tabs. Please follow the steps below:

a) Navigate to the Configure XStore General Tabs Settings.

b) In the Content section >> General, you will find the option to set the position of the tabs. Select your desired position, such as Right Align or any other preference you may have.

For a visual reference, please consult: https://imgur.com/a/UfE9MOg

3) Copying content from another website or theme is not feasible due to the inherent dependency on the functionality of your specific theme. The ability to replicate sections is contingent upon the features and architecture implemented within your theme. Therefore, customization or extraction of elements from external sources may not align seamlessly with your theme’s functionality.

a) Our solution involves incorporating the XStore Ajax Product Tab element, which provides a dynamic and user-friendly interface for presenting tabbed content. This feature seamlessly integrates with your website and allows for an aesthetically pleasing and efficient display of information.

To implement this feature on your page or post using Elementor, kindly follow these steps:

b) Edit Any Page or Post with Elementor:
Navigate to the page or post where you intend to integrate the text slider. Utilize Elementor, a powerful tool for easy and seamless customization.

c) Add XStore Ajax Product Tab Widget:
Once within the Elementor editor, locate the XStore Ajax Product Tab widget. Drag and drop this widget onto the desired section of your page. Subsequently, configure the settings of the Ajax Product Tab through the options available on the left sidebar. For a visual reference, please consult the relevant documentation or support resources.

For a visual reference, please consult:https://imgur.com/a/cY922uG

4) However, I’d like to inform you that the XStore Ajax Product Tab widget is designed with a predefined structure that may not support the exact customization you are seeking.

To address your requirement for left, right, or bottom placement of tabs, I recommend utilizing the XStore General Tabs feature, which allows for more comprehensive layout customization. Here’s a step-by-step guide:

Add Products to Static Blocks:
Begin by adding your desired products to static blocks. These static blocks serve as containers for organizing and presenting your product information.

Add Static Block to XStore General Tabs:
Navigate to the XStore General Tabs settings and incorporate the static block containing your products. This will enable you to structure and organize your content as needed.

For a visual reference, please consult:https://imgur.com/a/FraufO7

Best Regards,
The 8Theme Team

Hello, @DEVELOWEB,

Thank you for contacting us and for using XStore.

Regarding the Warning: Undefined property: it’s important to note that these warnings often occur when the website is in debug mode. To address this, We recommend turning off the debug mode. The warnings are not visible in the production environment, and it helps maintain a cleaner codebase.

For detailed instructions on turning off the debug mode, please refer to the official WordPress documentation on debugging: https://wordpress.org/documentation/article/debugging-in-wordpress/

We hope this helps.

Best regards,
The 8Theme Team

Hello, @GTP,

1) Regarding your request to include words inside blocks within the marquee element, I would like to guide you through the process of achieving this. Please follow the steps below:

a) Navigate to the Marquee settings located on the left sidebar.
b) Under the “Style” tab, select “Items.”
b) Here, you can make adjustments to the marquee element, including changing the background color and text color and other settings such as border radius as needed.

For a more detailed visual reference, I recommend consulting the following screenshots:https://imgur.com/a/nvWXgT9

2) Additionally, we recommend using the XStore General Tabs for achieving the desired Block text. Below are the developer-friendly steps:

Here is a step-by-step guide on how to implement this:

a) Edit Any Page or Post with Elementor:
Navigate to the page or post where you want to integrate the text slider. Utilize Elementor for easy customization.

Add XStore General Tabs Widget:
Once in the Elementor editor, locate the XStore General Tabs widget. Drag and drop this widget onto the desired section of your page.

c) Configure XStore General Tabs Settings:

In the Content section >> General, you can set the Layout and Horizontal style, such as Style 4 and others.
In the Items section, edit the content of the tabs accordingly.

For a visual reference, please consult https://imgur.com/a/5M2XHwf

Explore other sections like Style and Advanced for additional customization options.

If you encounter any issues or need further assistance, please feel free to reach out. We’re here to help!

Best Regards,
The 8Theme Team