website support

Hello, I encountered a few problems and would like to seek for your assistance. The problems are numbered (please find relating image by number)and listed below.

1. I switched font colour of my menu bar from light to dark, then when I hover to the categories the text becomes transparent, please advice how to fix this.

2. When I click on cart it will slide out from the right, and from the screenshot you can see the spacing seems to be off compared to your demo. I have not touched any settings regarding this.

3.I am trying to customize the “my account” like so https://www.youtube.com/watch?v=3rpZi-namUw and was trying to hide the category and recently viewed from side bar as well as the buttons for orders, address, account details, etc.Please can you provide css to hide these?

4.For the top section where it says “Thank you. Your order has been received.”, I would like to change the colour and style of the border as well as the colour of the text.

5. I have tried to follow the steps to connect sign-in with google but was unsuccessful.

Sorry for asking so many questions, thank you in advance.

Please see Private content for login detials.

Attachments:

You must be logged in to view attached files.

Hello,

1. You have a yellow background for the row in the menu. Your Primary color (color of the hover) is also yellow. That is why the link is not visible. Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-dark .navigation-style-default .item-level-0:hover > a{
color:#333333;
}

2. Please disable “Mini Cart Template” in the Dashboard > Elementor > Settings > Intergration.

3. My Account is the functional page, it should never be customized, it may cause problems on the site.

4. Here is the CSS for the Thank you page:

body .woocommerce-thankyou-order-received {
    border: 2px dashed #7A9C59;
    color: #7A9C59;
}

Change the colors as per your needs.

5. Please provide the screen of your account settings into the private area.

Best Regards

Hello,

Thank you for your assistance, most of the issues have been solved. I have also managed to connect sign-in with google.

A) For “1.” please provide css so that when I hover to the menu, the text colour changes /change opacity.

B) In the my account page, is there a setting or css to disable category and recently viewed from the left side menu? As I just feel its less relevant when customer is accessing the page.

C) How to collapse footer under mobile as I already turned it on in settings.

Best Regards

Hello,

Please replaces the code with this one:

body .whb-color-dark .navigation-style-default .item-level-0:hover > a{
color:#333333;
opacity:0.8;
}

You can enable the collapse widgets in the footer in the Theme Settings > Footer.

In order to clear the sidebar in the Account page, remove all the widgets in the Appearance > Widgets> My Account page sidebar.

Best Regards

Hello

– After adding the code for the nav menu, I notice that the menu title becomes transparent after it goes to that page. please provide css so that the title just display as normal, or even better is it possible to make it bold/highlighted when it’s chosen?

– For 2.jpg I added a Qrcode (image) for offline payment and I have tried a few codes like <center> to center the image but didn’t work. Are there any code that can make it work?

– For each product I have added the weight which triggered the additional information tab to appear on single product page. Are there any css that can hide/disable it ?

Many Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-color-dark .navigation-style-default .item-level-0.current-menu-item > a{
color:#333333;
opacity:0.8;
}

Where have you added the code? Please provide the page URL.

This code would hide the tab.

body .tab-title-additional_information{
display:none;
}

Best Regards

Hello

– The additional information tab is still displayed like before after adding the css. (A.jpg)

– Here’s the link for the qrcode I added to the bottom of Instructions. Link in private content (B.jpg)

Many Thanks

Attachments:

You must be logged in to view attached files.

Hello,

What filed and where you have added the code, is still not clear.

Please replace the code:

body .woodmart-tab-wrapper,
body .shop_attributes{
display:none;
}

Best Regards

Hello,

– By adding the code it also hide some custom tab and content which I set for some products.

– Woocommerce > Settings > Payments Tab > Method (Check Payments) > Manage > Instructions then scroll to the bottom of the box where you will see the image link. Currently there is no code other then as I have tried several but didn’t work.

Best Regards

Hello,

Remove the code from the Theme Settings and insert in the product page https://prnt.sc/w0ms1v

Best Regards

[Author]

Posts