Editing the styles of the account menu.

1) I need to change styles of mobile menu items. Make all items (link text) of menus and submenus white. The background of the active menu item and on hover (clicked in mobile) is green.
2) How to make the background of menu items green on hover and if the item is active in the desktop version.

Hello,

I saw the screenshot you attached.

1) Please try adding the following Custom CSS for that.

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    background: green;
    color: white;
}

2) Please try adding the following Custom CSS for that.

.woocommerce-MyAccount-navigation ul li a:hover {
    background: green;
    color: white;
}

.woocommerce-MyAccount-navigation ul li.is-active>a {
    color: aqua;
    background-color: green;
}

Regards.
Xtemos Studios

We probably did not understand each other.
1) Change the background of the active item “My Account” and the background when hovering / clicking on the main menu item in the mobile
2) Change the color of the links of the submenu “My Account” to white (2/1), and the background under the submenu item to green on hover / click on mobile (2/2)

Hello,

1 &2) The hover property doesn’t work on mobile devices.

And to change the color of the menu items on mobile to white try adding the following Custom CSS.

li.woocommerce-MyAccount-navigation-link a {
    color: white;
}

Regards.
Xtemos Studios.

Okay. Thank you.
How can I delete the first column “Delivery” on the checkout page in the check so that the second column remains at the full width of the block?

Hello,

You are Most Welcome.

Please try adding the following Custom CSS for that.

tr.woocommerce-shipping-totals.shipping th {
display: none;
}

Best Regards

Thank you.
1) how can I now expand the block of delivery selection points to the full width of the receipt? I put the code
.woocommerce-checkout ul#shipping_method li {
width: 100%;
}
but it doesn’t work. I need the block to be stretched to the width of the receipt, and so that in the mobile it is also the width of the receipt

2)On the successful order information page, I need to make the price color white (2/1), but change only on this page. And change the product quantity (2/2) to white?

Hello,

I saw the screenshot you attached.

1) Sorry but it is not possible to stretch the area as you required. As you have hidden the column that was displayed with it.

It requires customizations and this is beyond our limitations and support policy.

2) Please allow me access to the order received page to let me assist you further.

Regards.
Xtemos Studios

Attached access to the account on the site. You probably need to log in and place an order.
On the successful order information page, I need to make the price color white (2/1), but change only on this page. And change the product quantity (2/2) to white?

Hello,

Please try adding the following Custom CSS for that.

.woocommerce-order.woocommerce-checkout span.woocommerce-Price-amount.amount {
    color: white;
}

.woocommerce-order strong.product-quantity {
    color: white;
}

Regards.
Xtemos Studios

Thank you. But the color of the price has not changed. Nodo change only on this page

Hello,

Please try and replace the previous Custom CSS with the following.

.woocommerce-order .woocommerce-checkout span.woocommerce-Price-amount.amount {
    color: white !important;
}

.woocommerce-order strong.product-quantity {
    color: white !important;
}

Best Regards

With your help, I added the css code
.woocommerce-checkout span.woocommerce-Price-amount.amount {
color: green;
}
so that on the checkout page on a white background of the check, the price would be green. But on the order completion page, the background of the page is green and therefore I need the color of the price and quantity of products to be white. Please help me make the price white only on the order completion page. Thank you.

Hello,

Please replace the previous Custom CSS with the following. This will surely change the colors.

.woocommerce-order-received strong.product-quantity {
    color: white;
}

.woocommerce-order-received span.woocommerce-Price-amount.amount {
    color: white;
}

If it still doesn’t help then provide with the admin panel login details of the website.

Best Regards

[Author]

Posts