Return to previous page

Search icon/form, cart icon, color scheme

This topic has 9 replies, 4 voices, and was last updated 8 years, 4 months ago ago by Stan Russell

Arbelmartin

Participant

January 16, 2016 at 15:33

Hi,

I apologize for all the requests for edits.

I have a couple more customization requests if you could please help me, I would greatly appreciate it!

1. I’m using Header 8 and would like to have a search field form next to the search icon.
2. Can I change the icon of the cart to a basket rather than a bag?
3. When you add to cart, the button is in black and then hovers to green, I would like to it to be Red and then hover to green, is this possible?
4. Can I change the font to be normal case in the fixed header menu? Right now it’s all caps for the fixed header.

Thank you so much!

#108384 Copied Theme version: 2.4 WooCommerce version: 4.4.1

8 Answers
Jack Richardson

Support staff

January 18, 2016 at 14:21
Hello,

1. It requires additional customization in php and style files which is beyond our basic support scope. Sorry.

2. Please try to use this code to change cart icon:
```
.cart-bag .ico-sum  {
    background-color: transparent;
}
.cart-bag .ico-sum::before {
    border-color: transparent;
}
.cart-bag {
    padding: 18px 15px 15px !important;
    background-image: url("http://url_to_your_image");
    background-repeat: no-repeat;
}
```
3. Do you want to edit “Add to Cart” button or some other button? Please show a screenshot.

4. Add this code in Theme Options > Custom CSS > Global Custom CSS:
```
.fixed-header-area .menu > li > a {
   text-transform: capitalize;
}
```
Best regards,
Jack Richardson.
#108542 Copied
Arbelmartin

Participant

January 18, 2016 at 16:06

Hi Jack,

Thanks for the customizations!

I changed number 2 as you described, but it looks like there is a line where the old icon used to be. Any ideas how to remove that?

Also, here’s a screen shot of the Add to Cart button that I would like to change to Red and Green on hover.

thank you so much!

#108567 Copied

Arbelmartin

Participant

January 18, 2016 at 16:07

Here’s a screenshot:

#108568 Copied
Robert Hall

Support staff

January 18, 2016 at 16:23
Hello,

Please use the following code in Global Custom CSS.
```
.ico-sum:before{
display:none;
}
.shopping-container .btn.border-grey {
    background-color: red;
    border-color: red;
}
```
Regards,
Robert Hall.
#108574 Copied
Arbelmartin

Participant

January 18, 2016 at 16:57

Perfect! Thank you!

Last thing is that I changed the shopping cart icon, but it looks like there is a line where the old icon used to be. Any ideas how to remove that?

-Arbel

#108584 Copied
Jack Richardson

Support staff

January 18, 2016 at 17:07
Hello,

Please add the following css code in Theme Options > Custom CSS > Global Custom CSS:
```
.ico-sum:after {
    display: none;
}
```
Best regards,
Jack Richardson.
#108589 Copied
Arbelmartin

Participant

January 18, 2016 at 20:12

Perfect thank you!!!!

#108611 Copied

Stan Russell

Participant

January 19, 2016 at 08:27

Hello Arbelmartin,

you are welcome!

Regards,
Stan Russell.

#108656 Copied
Viewing 9 results - 1 through 9 (of 9 total)