Stock label tweaks & Brand label/picture tweaks

Hello, @Mathew,

Thank you for contacting us and for using XStore.

1/ “Out of stock” text comes from WooCommerce plugin. You can contact WC support to get assistance with it, or use translation files to change the text: install Loco translate plugin, go to Loco translate > plugins > woocommerce > edit English translation > Save changes, then you can disable the Loco plugin. For example – http://prntscr.com/qma5vl > http://prntscr.com/qma5zj

2/ We kindly request that you provide us with the URL of the web page where you wish to modify the size and color of the brand name, as well as adjust its position. This information is essential for us to accurately assess the changes required and to furnish you with the appropriate custom CSS code to address your needs.

We appreciate your cooperation and look forward to assisting you promptly.

3/ A/ We understand that you wish to modify the size of the brand image on the single product page to be larger than the default setting. To achieve this, please follow the steps outlined below:

1. Navigate to the “XStore” section in your website’s admin panel.
2. Proceed to “Theme Options”.
3. Click on “Theme Custom CSS”.
4. Select the “Global CSS” tab.

Once there, kindly copy and paste the following CSS code:

.single-product span.product_brand img {
    max-height: 140px !important;
    max-width: 240px !important;
}

This adjustment will result in a brand image that resembles the example provided in the following link: https://imgur.com/0a3981T

Please note that you have the flexibility to alter the max-height and max-width values in the code to suit your specific requirements.

3/ B/ We regret to inform you that it is not feasible to display the brand twice. However, we invite you to submit your request on our Taskboard at https://www.8theme.com/taskboard/. Should your suggestion garner sufficient support from our customer community, our development team will take it into consideration for potential inclusion in a future update.

Thank you for your understanding. If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
The 8Theme Team

Hello, @Mathew,

1/ Sure, Take your time.

2/ In order to address your concern, we kindly ask that you follow these steps: copy the CSS code provided below and paste it into the following location within your XStore theme: Theme Options > Theme Custom CSS > Global CSS. This should resolve the issue you are experiencing. The result should look like this: https://pasteboard.co/Hzb4d9qYIZuR.png

.product-details {
    display: flex;
    flex-direction: column;
}
.product-details .products-page-brands {
    order: 1;
}
.product-details .product-title {
    order: 2;
}
.products-grid .product-excerpt{
    order: 3;
}
.content-product .button{
    order: 4;
}
.content-product .products-page-brands a.view-products {
    color: #000 !important;
}

3/A/ & B/ You’re welcome! If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Have a great day! Should you require any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Hello, @Mathew,

We are delighted to inform you that we have successfully resolved the outstanding issues on your website by making slight modifications to the Custom CSS we provided earlier. For your convenience, we have included the updated CSS below. Additionally, we kindly ask you to review the changes on your site after clearing your browser’s cache. Please refer to the following screenshot for further clarification: https://ibb.co/4KVHhS6.

.product-details {
    display: flex;
    flex-direction: column;
}
.product-details .products-page-brands {
    order: 1;
}
.product-details .product-title {
    order: 2;
}
.content-product .price {
    order: 3;
}
.products-grid .product-excerpt {
    order: 4;
}
.content-product .button {
    order: 5;
}
.content-product .products-page-brands a.view-products {
    color: #678ca5 !important;
}
.content-product .product-details .button {
    max-width: max-content !IMPORTANT;
    margin: auto !important;
}

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

Warm regards,
The 8Theme Team

Hello, @Mathew,

We appreciate your prompt reply regarding the issue you have encountered.

To address your concern, we kindly ask that you follow these steps:

1. Copy the CSS code provided below.
2. Navigate to the “Xstore” section.
3. Proceed to “Theme Options”.
4. Select “Theme Custom CSS”.
5. Paste the copied code into the “Global CSS” field.

.content-product p.stock.out-of-stock {
    font-size: 15px !important;
    width: 100% !important;
    top: 10% !important;
}

The result should look like this: https://ibb.co/ct4fJmy

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

Best regards,
The 8Theme Team

Hello, @Mathew,

Thank you for your response.

We are pleased to hear that the solution we provided has successfully met your requirements.

Regarding the remaining issue you mentioned, the exclamation mark indicating ‘Out of Stock’ and the check mark signifying ‘Available for Backorder’ are currently implemented using icons.

Should you wish to replace these with alternative icons from Font Awesome, you may do so by applying Custom CSS.

To proceed, please insert the following CSS code into your website’s theme settings by navigating to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Once there, you are free to modify the icon codes within the Custom CSS to suit your preferences:

p.stock.available-on-backorder:before {
    content: '\e918' !important;
}
p.stock.out-of-stock:before {
    content: '\e900' !important;
}

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

Best regards,
The 8Theme Team

Dear Mathew,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team