Single product page issue

Hello, my single product page’s woodmart design is not appearing https://prnt.sc/Qu39PwZgDO4M , I’ve taken the backup, please try to fix it.

Admin access has been shared to the private content. Thanks

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know I will further check on your site and give you a possible solution.

Best Regards.

Hello, thanks for your reply, after troubleshooting we found the issue is coming from elementor pro.
Unfortunately, we can’t keep deactivating elementor pro as we’ve already done a good amount of customization.

Would you please check and fix this error? I’ve already deleted the default site kit to check if it overwrite the woodmarts style but not worked for me.

Added the site access to the private chat.
Please assist, thank you

Hello,

You are using the Elementor pro template for a single product page. Navigate to Templates > disable the “Unique JM product” template and how it works.

Best Regards.

Thank you for your help

Hello good day, I found a few more styling problems to my site.

1. https://prnt.sc/Hk7cMKuSyxF6 My account page: Not sure from where the template coming from though I’ve removed elementor pro’s most of the templates related to the my account, I want only woodmarts template

2. Sidebar cart style not looking good: https://prnt.sc/2HsaKECe41u7

3. Cart page css issue: https://prnt.sc/km1ayA-Sv03v

I’ve tried deactivating all necessary plugins only kept woodmart but wasn’t able to fix. Please help. We need to go live very soon.

Shared the admin access to the private box.
Thank you

Hello,

01. You are editing the account page with elementor. Navigate to Pages > Edit Account Page with Elementor and edit it.

02. You need to disable the shopping cart widget in the Elementor settings: https://gyazo.com/65fadb7f3ddb9cd7d349ffd03eef9f0a

03. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.cart-content-wrapper>.cart-totals-section .cart-totals-inner {
    width: 350px;
}

Best Regards.

Hello friend, good day, thanks for the help.

1. Yes, I was able to edit the my account page but still not sure how to put the default woodmart style, as the color(green) I wasn’t able to change: https://prnt.sc/D4oy4oRVtU81

2. Cart page: https://prnt.sc/1CdU9H3iAghA Button text color not showing

3. There is a few more buttions https://prnt.sc/Uh9gnDOPyY8L where green text color but we didn’t put this, I’ve checked theme settings>styling & color and also checked elementor’s site settings.

4. How to put the product filtering to the top like this? https://prnt.sc/DpGZnmaSZKLD
Access has been shared to the private chat. Thank you

Hello,

01. You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/
02, 3. Please Follow this guide and change the button styles:
https://xtemos.com/docs-topic/advanced-button-styles/

04. Try to create a HTML Blocks and add the filters in the HML Blocks:
https://xtemos.com/docs-topic/html-blocks-usage/

Then Navigate to Theme Settings > Product Archive > Shop filters > Enable the option shop filters and choose the Shop filters content type “HTML Blocks.

Best Regards.

Hello, I think you didn’t get my point.
I said I wasn’t able to change button color and text color. I tried to change from theme settings > styling and also tried using elementor but it’s not working.

I would request you to please login my site and try to find from there it’s overwriting the default color.

1. My account page text color(green) I wasn’t able to change: https://prnt.sc/D4oy4oRVtU81

2. Cart page: https://prnt.sc/1CdU9H3iAghA Button text color not showing

3. There is a few more buttions https://prnt.sc/Uh9gnDOPyY8L where green text color but we didn’t put this, I’ve checked theme settings>styling & color and also checked elementor’s site settings.

4. not enough padding on the side cartbar when It’s empty: https://prnt.sc/1yt2OKDjzQb3

Thank you so much, access on the private chat

Hello, I think you didn’t get my point.
I said I wasn’t able to change button color and text color. I tried to change from theme settings > styling and also tried using elementor but it’s not working.

I would request you to please login my site and try to find from there it’s overwriting the default color.

1. My account page text color(green) I wasn’t able to change: https://prnt.sc/D4oy4oRVtU81

2. Cart page: https://prnt.sc/1CdU9H3iAghA Button text color not showing

3. There is a few more buttions https://prnt.sc/Uh9gnDOPyY8L where green text color but we didn’t put this, I’ve checked theme settings>styling & color and also checked elementor’s site settings.

4. not enough padding on the side cartbar when It’s empty: https://prnt.sc/1yt2OKDjzQb3

5. Please check, responsive issue on the cart page: https://prnt.sc/CBoyIdpSSP9I & not sure from where the green color is coming, I didn’t put any green

6. https://prnt.sc/-rp6sENqR-CF Finally checkout page responsive issue on small device.

Thank you so much, access on the private chat

Hello,

01. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.woocommerce-MyAccount-navigation ul li a {
    color: red !important;
}

02. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.return-to-shop .button {
    color: #fff8f8 !important;
}

03. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-switch-to-register {
    color: white !important;
}

04. Please disable the shopping cart widget in the Elementor > Settings > Integration: https://gyazo.com/b3135936eaa4f760ed4fdab09bcd8d0a

05. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.cart-content-wrapper>.cart-totals-section .cart-totals-inner {
    right: 230px !important;
    position: relative;
}

06. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

.woocommerce-checkout-review-order {
    width: 100% !important;
}

Best Regards.

Thank you

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts