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…..
Theme version: 2.9.1 WooCommerce version: 2.6.4Hello,
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.
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
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!
Fixed. Please check it now.
Regards,
Robert Hall
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
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
Seems you did not register purchase code for WooPress WordPress Support Forum to be able to create a topic on this forum.