Luca Rossi

Dear Sam,

We would like to guide you through the process of adjusting the display settings for your product catalog. Kindly follow the steps outlined below:

1. Navigate to the XStore control panel.
2. Proceed to ‘Theme Options’.
3. Select ‘WooCommerce(Shop)’.
4. Click on ‘Shop’ and then ‘Product Catalog’.
5. Within ‘Categories Display’, please choose either ‘Show Sub-categories’ or ‘Show Sub-categories & products’.

For your convenience, here is a screenshot illustrating the steps: https://prnt.sc/cUVgTFcHribL

Should the above instructions not resolve your issue, we encourage you to initiate a new topic in our support forum for further assistance.

We appreciate your cooperation and look forward to ensuring a seamless experience with our theme.

Thank you for your attention to this matter.

Best Regards,
The 8Theme Team

Dear @scrumgum,

We kindly request that you implement the following custom CSS by navigating to Theme Options, then selecting Theme Custom CSS, and finally entering it into the Global CSS section:

.et-toggle-mob-sidebars-wrapper,
.products-per-page.et-hidden-phone,
.view-switcher {
    display: none !important;
}

We trust this will assist you with your needs.

Warm regards,
The 8Theme Team

Dear @moelghanam,

We hope this message finds you well.

elementor footers not installed
elementor headers not installed
elementor archives not installed
elementor single product not installed

In order to access the desired features, we kindly ask that you proceed with the installation of the Pro Elements plugin, which can be found at the following URL: https://proelements.org/#included.

Should you encounter any issues or if the installation does not resolve your concerns, we would appreciate it if you could provide us with your WordPress Admin Account and WordPress Admin Password. This will enable us to examine the matter more closely and offer the necessary assistance.

Thank you for your cooperation.

Best regards,
The 8Theme Team

Hi @Carolina,

It could be achieved with the custom CSS codes, please add the following CSS under Theme Options > Theme Custom CSS > Global CSS:

body .etheme-product-grid-content {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

https://prnt.sc/NdeZ_WcJoJro

Hope it helps!

Dear HUSSTLE,

We hope this message finds you well.

We would like to provide you with a solution to selectively hide the “Add to Cart” and “Buy Now” buttons for certain products on your website. Please implement the following custom CSS code to achieve the desired effect:

.single-product.postid-2299 form.cart .woocommerce-variation-add-to-cart,
.single-product.postid-2299 form.cart table.variations {
    display: none !important;
}

This code should be inserted into your site’s custom CSS section. If you require any further assistance or have additional questions, please do not hesitate to reach out.

Warm regards,
The 8Theme Team

Hello Martijn,

Thank you for reaching out to us with your query. Yes, you can certainly disable the uppercase formatting on the H1, H2, H3, H4, and H5 headings without using the custom-css-field for that specific purpose.

To achieve this, you can add the following custom CSS code to your website:

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    text-transform: none !important;
}

You can insert this snippet in the appropriate section of your theme options or within your child theme’s style.css file, depending on how your theme is set up to handle custom CSS.

If you need further assistance or have any more questions, please feel free to reach out. We’re here to help.

Best Regards,
8Theme’s Team

Hi @sy,

Please try adding the following custom CSS codes under Theme Options > Theme Custom CSS > Global CSS:

.btn br,
.coupon br {
    display: none;
}
.coupon > p {
    margin-bottom: 0;
}
.coupon input[type=text] {
    border-radius: 8px 0 0 8px;
    height: 45px;
    margin-bottom: 0;
}
.coupon .btn {
    width: 70px !important;
}

Hope it helps!

Dear @FIT,

We are pleased to have been able to assist you.

Best regards,
The 8Theme Team

Dear FIT Team,

We hope this message finds you well.

We wish to inform you that we have identified a technical concern with the Menu List element on your website. Our development team is currently addressing this issue to ensure optimal functionality.

In the interim, we have taken the initiative to remove the Menu List element from the footer of your site. To maintain the integrity of your website’s design, we have substituted it with a Text element. This adjustment has been made to ensure that your website continues to operate smoothly.

At your earliest convenience, we kindly request that you review the changes to confirm that everything is functioning to your satisfaction.

We apologize for any inconvenience this may have caused and appreciate your understanding as we strive to provide you with the best possible service.

Thank you for your attention to this matter.

Best Regards,
The 8Theme Team

Hi @gewoonbovenaan,

We’ve moved the custom CSS from the home page to Theme Options > Theme Custom CSS > Global CSS.

Now everything is working for all the pages.

Best Regards,
The 8Theme Team.

Hi @gewoonbovenaan,

We’ve fixed the issue.

Could you please check again?

Thank you!

Hi @Kombajn88,

Can you try with this custom CSS codes instead?

.active .elementor-4972 .woocommerce-MyAccount-content {
     margin-left: 25%;
}

.active .elementor-4972 .woocommerce-MyAccount-navigation-wrapper.type-new {
     display: none;
}

https://www.awesomescreenshot.com/video/26737489?key=85246da2137e59237e0fcb85d6425601

Best Regards,
The 8Theme Team.

Dear Ryan,

We hope this message finds you well.

We’re writing to inform you that we have identified a functional overlap between the Pro Elements plugin and the Elementor Pro plugin. For your reference, you can learn more about the Pro Elements plugin at the following URL: https://proelements.org/.

Due to a current issue with the Elementor Pro plugin, our technical team has taken the initiative to temporarily implement the Pro Elements plugin on your website. This action was necessary to ensure the proper operation of the Product Archive Builder. We invite you to review the changes at your earliest convenience by visiting: https://**underwear.com/wp-admin/post.php?post=12679&action=elementor.

Please rest assured that we are diligently investigating the matter and will provide you with a comprehensive update once we have resolved the issue.

Thank you for your understanding and patience in this matter. Should you have any immediate concerns or require further assistance, please do not hesitate to reach out.

Warm regards,
8Theme’s Team

Hi @Ajaz,

The issue is you edited your shop page with Elementor so it’s causing the issue.

If you don’t want to build your shop & product page with Elementor, please DON’T switch.

Thanks.

Hi @fyshlas,

We need to update the custom CSS codes a little bit to make it work on mobile:

/* user icon */
.navbar-right li.login-link.lastItem.firstItem a, .navbar-right li.my-account-link.firstItem a {
    background: url(https://spyrosnicolaides.com/nutcracker/wp-content/uploads/2024/04/user-solid.svg) no-repeat 12px center;
    background-size: 15px;
}
.navbar-right li.login-link.lastItem.firstItem a:before, .navbar-right li.my-account-link.firstItem a:before {
    opacity: 0;
}
@media (max-width: 480px){
    .navbar-right li.login-link.lastItem.firstItem a, .navbar-right li.my-account-link.firstItem a {
        display: block;
        background-position-x: left;
    }
}

For the menu icon, please add this custom CSS code:

.menu-icon::before {
    opacity: 0;
}
.menu-icon {
    background: url(https://spyrosnicolaides.com/nutcracker/wp-content/uploads/2024/04/user-solid.svg) no-repeat center center;
    background-size: 15px;
}

For the hover color, please take a look at this article: https://stackoverflow.com/questions/19777463/change-css-background-image-svg-paint-behavior-on-hover.

You have to swtich to the SVG inline.

Best Regards,
The 8Theme Team.