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

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.

Here the other Images

Attached Images

Attachments:

You must be logged in to view attached files.

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

Here the url

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

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!

Any recommendations?

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

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.

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