Return to previous page

Cart Style on Header 2 - by zane99 - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

zane99

Participant

August 24, 2016 at 10:45

Hi there,

I am using Header style 2 which I like very much however I have noticed the cart style is different and was wondering if there was an easy CSS or similar instruction you could give me to achieve the other cart style you see on most other headers?

The cart style I want to see is the one with dashed border etc

I have included some images to help me explain what I would like…..

Please, contact administrator
for this information.

#137623 Copied Theme version: 2.9.1 WooCommerce version: 2.6.4

6 Answers
Jack Richardson

Support staff

August 24, 2016 at 14:18
Hello,

Add this code in Global Custom CSS section:
```
.header-type-2.slider-overlap .header .cart-summ .badge-number {
    display: block !important;
    top: -22px;
    right: -16px;
}
.header-type-2.slider-overlap .header .cart-summ {
    color: #FFF;
    padding-left: 0px;
}
.header-type-2.slider-overlap .header .shopping-container {
    top: 11px;
    border: 1px dashed grey;
    padding: 30px 10px 20px !important;
}
```
Best regards,
Jack Richardson.
#137658 Copied
Robert Hall

Support staff

August 24, 2016 at 14:32
Hello,

I’ve added the following code in Global Custom CSS. Please check.
```
.header-type-2.slider-overlap .header .shopping-container {
    top: initial;
}
.header-type-2.slider-overlap .header .shopping-cart-widget {
padding: 10px 15px;
    border: 1px dashed #DFDFDF;
}
.header-type-2.slider-overlap .header .cart-summ {
    color: #FFF;
    padding-left: 0;
}
.header-type-2.slider-overlap .header .cart-bag {
    position: absolute;
    top: -24px;
left: inherit;
    right: 10px;
    padding: 12px 12px 0;
}
.header-type-2.slider-overlap .header .cart-summ .badge-number {
    display: block;
}
.header-type-2.slider-overlap .header .et-search-trigger .fa-search {
    background: #e63b25;
    font-size: 12px;
}
.header-type-2.slider-overlap .header .shop-text {
    font-size: 16px;
    color: #fff;
}
```
Regards,
Robert Hall
#137662 Copied
zane99

Participant

August 24, 2016 at 15:06

Hi both!

Thank you for the quick and helpful replies. Robert I see you have made the changes for me. This looks great on every page apart from the homepage where for some reason there is a big space between the ‘Cart’ and ‘£0.00’

Is it possible to close this gap like on all the other pages?

Thank you!

#137670 Copied

Robert Hall

Support staff

August 24, 2016 at 15:35

Fixed. Please check it now.

Regards,
Robert Hall

#137672 Copied

zane99

Participant

August 24, 2016 at 16:55

AMAZING! This is simply the fastest and most efficient support I have ever received.

Your team are truly excellent. Will be purchasing the extended support for sure & looking out for your other themes

#137691 Copied

Robert Hall

Support staff

August 24, 2016 at 17:00

Hello,

You are welcome! We are glad to help you and thanks for good thoughts!
Would be very appreciate if you leave a rating! You can do this in Downloads area. Login to your account on ThemeForest, go to Downloads area, find WooPress theme and you’ll see the stars next to it.
Thank you!

Regards,
Robert Hall

#137694 Copied
Viewing 7 results - 1 through 7 (of 7 total)