Home › Forums › WoodMart support forum › Editing the styles of the account menu.

Editing the styles of the account menu.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 19, 2021 at 10:39 am #284281

    ipix
    Participant

    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.

    April 19, 2021 at 12:11 pm #284309

    Aizaz Imtiaz Awan
    Keymaster

    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

    April 19, 2021 at 1:17 pm #284330

    ipix
    Participant

    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)

    April 20, 2021 at 5:55 am #284485

    Aizaz Imtiaz Awan
    Keymaster

    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.

    April 21, 2021 at 7:22 am #284939

    ipix
    Participant

    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?

    April 21, 2021 at 10:35 am #285012

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS for that.

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

    Best Regards

    April 21, 2021 at 5:02 pm #285182

    ipix
    Participant

    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?

    April 22, 2021 at 8:00 am #285398

    Aizaz Imtiaz Awan
    Keymaster

    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

    April 22, 2021 at 8:30 am #285424

    ipix
    Participant

    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?

    April 22, 2021 at 11:53 am #285530

    Aizaz Imtiaz Awan
    Keymaster

    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

    April 22, 2021 at 12:32 pm #285554

    ipix
    Participant

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

    April 23, 2021 at 6:30 am #285790

    Aizaz Imtiaz Awan
    Keymaster

    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

    April 23, 2021 at 7:47 am #285812

    ipix
    Participant

    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.

    April 23, 2021 at 8:49 am #285837

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 14 posts - 1 through 14 (of 14 total)