Return to previous page

Cart widget design different color on home page to shop page

This topic has 10 replies, 3 voices, and was last updated 8 years, 3 months ago ago by Eva Kemp

nathanphilpott

Participant

October 7, 2015 at 17:11

Hi,

Is it possible to have the animated cart widget design white on my home page and black on every other page ?

Thanks,

Please, contact administrator
for this information.

#92310 Copied Theme version: classico

9 Answers
Eva Kemp

Support staff

October 7, 2015 at 18:02
Hello,

I’ve added this code in Global Custom CSS:
```
.cart-design-2.design-white .cart-bag:before {
    border-color: black;
}

.cart-design-2.design-white .cart-bag .badge-number  {
    border-color: black;
    color: white;
 }
 .cart-design-2.design-white .cart-bag .badge-number:before {
box-shadow: 0px 0px 0px 35px #000 inset;
}
```
and this code to CSS block in VC editor in your home page:
```
.cart-design-2.design-white .cart-bag:before {
    border-color: white;
}

.cart-design-2.design-white .cart-bag .badge-number  {
    border-color: white;
    color: #3D3D3D;
}
.cart-design-2.design-white .cart-bag .badge-number:before {
box-shadow: 0px 0px 0px 35px #FFF inset !important;
}
```
Please check your site now.

Regards,
Eva Kemp.
#92327 Copied
nathanphilpott

Participant

October 12, 2015 at 16:48

Thanks Eva,

That works great!!! is there a way to change the colour of the total cost text(to the left of the cart bag illustration) black on these pages also ?

Thanks,

#93342 Copied
Robert Hall

Support staff

October 12, 2015 at 17:15
Hello,

Use this code in Global Custom CSS
```
.amount{
    color: #000;
}
```
Regards,
Robert Hall.
#93347 Copied
nathanphilpott

Participant

October 12, 2015 at 17:52

That has seemed to take the site off line ??

How do i remove that line of css to get the site back I can no longer see the front or back end of the site !!

#93362 Copied

Robert Hall

Support staff

October 12, 2015 at 18:20

Hello,

As I see your site is working fine and color is added also. See screenshot: http://prntscr.com/8qivnh

Regards,
Robert Hall.

#93367 Copied

nathanphilpott

Participant

January 13, 2016 at 01:06

Hi,

I have an issue related to this code? when i roll over a item on the nav menu it goes transparent. Please see image attached ? it there any code i can insert just to get the rollover to fade slightly rather than disappear?

image download link
http://we.tl/CKLhbYv7No

Thanks,
Nathan

Please, contact administrator
for this information.

#107725 Copied
Eva Kemp

Support staff

January 13, 2016 at 09:52
Hello,

Please add this code in Global Custom CSS:
```
.header-type-6.slider-overlap .header .menu-wrapper .menu > li > a:hover {
  color: black;
}
```
Regards,
Eva Kemp.
#107762 Copied
nathanphilpott

Participant

January 13, 2016 at 15:18

amazing thanks Eva!!!

one last thing on this. The total cost in my cart on the home page is in black text, on the home page only is it possible to make this text white without changing the black colour of the number of the items in/on the shopping bag symbol?

Thanks,

Nathan

#107829 Copied
Eva Kemp

Support staff

January 13, 2016 at 15:39
Hello,

Please add this code in Global Custom CSS:
```
.page-id-182 .cart-design-2 .shopping-cart-widget .shop-text .total span {
    color: white !important;
}
```
Regards,
Eva Kemp.
#107839 Copied
Viewing 10 results - 1 through 10 (of 10 total)