Return to previous page

How to change the text color for shopping cart widget in header

This topic has 6 replies, 2 voices, and was last updated 4 years, 6 months ago ago by Rose Tyler

malanepellico

Participant

October 11, 2019 at 20:11

I have managed to find the code to change the color of the summ in the shopping cart widget, but cannot seem to change the color of the text “CART” that appears just before the summ.
Here is what I used:

.header .shopping-cart-widget .cart-summ .amount {
font-weight: bold;
color: #ffffff !important;
}
.header .shopping-cart-widget .cart-summ a {
color: #ffffff !important;
}

#223090 Copied Theme version: royal-child v6.0.1 (child 0.0.1)

5 Answers
Rose Tyler

Support staff

October 12, 2019 at 08:33
Hello,

You can change the current code to this one:
```
.header .shopping-cart-widget .cart-summ .amount {
    font-weight: bold;
}
.header .shopping-container .shop-text {
    color: white !important;
}
```
Regards
#223106 Copied
malanepellico

Participant

October 12, 2019 at 16:59

That worked great! thank you! But I just realized I need make these changes on the fixed header. Can you tell me how to make these same changes on the fixed header? Apparently the code below is not doing it…thank you so much in adavance!!!!

.fixed-header .shopping-cart-widget .cart-summ .amount {
font-weight: bold;
}
.fixed-header .shopping-container .shop-text {
color: white !important;
}

#223143 Copied
Rose Tyler

Support staff

October 12, 2019 at 17:02
Just change the previous code to:
```
.navbar-right .shopping-cart-widget .cart-summ .amount {
    font-weight: bold;
}
.navbar-right .shopping-container .shop-text {
    color: white !important;
}
```
Regards
#223145 Copied
malanepellico

Participant

October 12, 2019 at 17:10

I tried the code using .fixed-header in the child CSS and it did work. Thank you for your help!!

#223146 Copied

Rose Tyler

Support staff

October 13, 2019 at 08:02

Hello,

You’re welcome!
This code http://prntscr.com/pikjys should work for the main and fixed header without additional classes (checked on my test site).
Next time, provide URL of your site, please.

Regards

#223150 Copied
Viewing 6 results - 1 through 6 (of 6 total)