Home › Forums › WoodMart support forum › Change Dropdown Cart & My Account and Text Page Title Check out

Change Dropdown Cart & My Account and Text Page Title Check out

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 28, 2021 at 7:50 pm #262205

    Jenning91
    Participant

    Hello,

    I have two Problems:

    1. I want to change the colour of the Dropdown of the Shopping cart and the My Account (See Attached Images). I would like to have it the same colour like the dropdown of the Main Menu ( See Attched Image). For The Dropdown of the Main Menu I used the following css:

    .menu-simple-dropdown .sub-menu-dropdown,
    .menu-simple-dropdown .sub-sub-menu {
    background-color: rgba(0, 0, 0, 0.60);
    color: #ffffff;
    }

    2. I would like to have no text in the Page Title of the Check out ( See Attached Image). In the other Page Titles I set the colour of the Text invisible but this doesnt work in the Check out area. Is there any possibility to fix this?

    Thank You!

    Attachments:
    You must be logged in to view attached files.
    January 28, 2021 at 7:52 pm #262207

    Jenning91
    Participant

    Here the other Images

    January 28, 2021 at 7:57 pm #262208

    Jenning91
    Participant

    Attached Images

    Attachments:
    You must be logged in to view attached files.
    January 29, 2021 at 10:29 am #262358

    Elise Noromit
    Member

    Hello,

    Please provide the page URL, I am checking the home page and it differs from the page you show in the screen, I cannot catch which block you want to change, the shopping cart and login form are sidebars.

    Best Regards

    January 29, 2021 at 2:17 pm #262437

    Jenning91
    Participant

    Here the url

    January 29, 2021 at 9:42 pm #262512

    Elise Noromit
    Member

    Hello,

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

    .dropdown-cart {
 background-color: rgba(0, 0, 0, 0.65);
}
.widget_shopping_cart a{
color:#ffffff;
}
.widget_shopping_cart p{
color:#ffffff;
}

    Best Regards

    January 30, 2021 at 2:56 am #262538

    Jenning91
    Participant

    Thanks, the background colour is right now. But the text is too dark. I tried to add the following CSS, but it doesnt work for the text colour:
    .dropdown-cart {
    background-color: rgba(0, 0, 0, 0.65);
    color: #ffffff;
    }
    .widget_shopping_cart a{
    color:#ffffff;
    }
    .widget_shopping_cart p{
    color:#ffffff;
    }

    How do i change the colour of the text to white ? And further, the text of the dropdown for My Account is also too dark. I would like to have this in white as well. The background for My Account dropdown is right.

    And the next Problem is the breadcrumps in the page title of Cart area (Cart–>Checkout–>Order Cpomplete). I would like to delete this so there is no text in the picture. In the other page titles i set the transparency of the text to 100% to get rid of the text but this doesnt work for this Problem. Do you know how to fix this?

    Thanks a lot in advance!

    January 31, 2021 at 10:02 am #262737

    Jenning91
    Participant

    Any recommendations?

    January 31, 2021 at 6:54 pm #262822

    Elise Noromit
    Member

    Hello,

    Please remove all the custom CSS provided earlier and those you added by your own.

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

    body .widget_shopping_cart .buttons .btn-cart{
background-color:#444444!important;
color:#ffffff!important;
}
body .widget_shopping_cart .buttons .checkout{
color:#ffffff!important;
background-color:#444444!important;
}
body .widget_shopping_cart .buttons .btn-cart:hover{
background-color:rgba(201,201,201,0.35)!important;
color:#ffffff!important;
}
body .widget_shopping_cart .buttons .checkout:hover{
background-color:rgba(201,201,201,0.35)!important;
color:#ffffff!important;
} 
body .widget_shopping_cart .amount{
color:#ffffff;
}
body .widget_shopping_cart .woocommerce-mini-cart__total strong{
color:#ffffff;
}
body .dropdown-cart .widget_shopping_cart .empty {
    color: #ffffff!important;
}

    Please provide your site admin access so that I could give you the code for My account drop-down.

    Best Regards

    February 1, 2021 at 6:06 pm #263052

    Jenning91
    Participant

    Unfortunately the codes doesnt work. Colours doesnt fit and the breadcrumps in the page title inside the checkout are still there. Here the admin access.

    February 1, 2021 at 11:16 pm #263118

    Elise Noromit
    Member

    Hello,

    You have switched the shopping cart into the sidebar. https://prnt.sc/xzu0un

    The styles I provided were for the drop-down.

    In addition, you have enabled the shopping cart widget with Elementor, Our theme styles do not influence this widget.

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)