Return to previous page

Button colour - by cyan - on WordPress WooCommerce support

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

Robert Hall

Support staff

October 28, 2014 at 16:55
Please add this code.
```
.side-area-icon i:before, .menu-icon i:before{
background:#fff !important;
}
```
Regards,
Robert Hall.
#22067 Copied
cyan

Participant

October 28, 2014 at 16:57

Nope 🙁

#22068 Copied

Robert Hall

Support staff

October 28, 2014 at 17:03

For clarify. We talk about this? http://prntscr.com/50ms6z

Regards,
Robert Hall.

#22071 Copied

cyan

Participant

October 28, 2014 at 17:06

Yes. But it looks like this now with your css: http://79.170.44.106/chateauclinet.com/test.jpg

#22072 Copied

Eva Kemp

Support staff

October 28, 2014 at 18:14

Hello,

Do you want to make the same color for the top side-area icon and hover color as well as for other buttons?
Could you please provide us with wp-admin panel credentials?

Thank you.
Regards,
Eva Kemp.

#22083 Copied

cyan

Participant

October 28, 2014 at 18:18

The icon doesn’t necessary have to rollover to a colour. It can stay white. It was just disappearing before when you hovered your mouse over it and now it looks even stranger. I would just like a static white icon please.

#22084 Copied
Eva Kemp

Support staff

October 28, 2014 at 18:42
Hello,

Please try to use this code in custom.css file:
```
.side-area-icon i:before, .menu-icon i:before {
background: none !important;
}
.side-area-icon i:hover {
color: white !important;
}
```
Thank you.
Regards,
Eva Kemp.
#22088 Copied
cyan

Participant

October 29, 2014 at 09:35

Thanks Eva. But it’s still not hovering over correctly. It just disappears when you hover over it http://79.170.44.106/chateauclinet.com/

#22204 Copied
Eva Kemp

Support staff

October 29, 2014 at 13:06
Hello,

Please try to use this code:
```
.side-area-icon i:hover:before {
color: white !important;
}
```
instead of this one:
```
.side-area-icon i:hover {
color: white !important;
}
```
Thank you.
Regards,
Eva Kemp.
#22235 Copied
cyan

Participant

October 29, 2014 at 13:09

Yay! Got there in the end 🙂 Thank Eva for all your help

#22236 Copied

Robert Hall

Support staff

October 29, 2014 at 15:27

You’re welcome!

Regards,
Robert Hall.

#22270 Copied

cyan

Participant

October 29, 2014 at 18:21

Sorry guys, could you tell me how to change the colours of the ‘subscribe’ button within the sidebar of this page http://79.170.44.106/chateauclinet.com/blog/ so that it is the same as the ‘read more’ buttons on that page. Thanks.

#22328 Copied
Robert Hall

Support staff

October 29, 2014 at 19:07
Hello,

Please try it with that code.
```
.sidebar-position-right #subscribe-submit input[type=submit]{
background: #D71920;
color: #fff;
}
```
Regards,
Robert Hall.
#22337 Copied
cyan

Participant

October 30, 2014 at 09:38

That’s not rolling over correctly Robert: http://79.170.44.106/chateauclinet.com/blog/

#22420 Copied
Eva Kemp

Support staff

October 30, 2014 at 13:29
Hello,

Please try this code:
```
.sidebar-position-right #subscribe-submit input[type=submit]:hover {
background-color: grey;
color: darkgrey;
}
```
Use your color values.

Thank you.
Regards,
Eva Kemp.
#22449 Copied
cyan

Participant

October 30, 2014 at 13:31

Nope 🙁 http://79.170.44.106/chateauclinet.com/blog/

#22451 Copied

Eva Kemp

Support staff

October 30, 2014 at 13:35

Hello,

Keep the code that Robert provided to you and also add the one I’ve written for you.

Thank you.
Regards,
Eva Kemp.

#22453 Copied

cyan

Participant

October 30, 2014 at 13:39

Thanks Eva!

#22455 Copied

Eva Kemp

Support staff

October 30, 2014 at 18:09

You’re welcome.

Regards,
Eva Kemp.

#22518 Copied
1 2

Viewing 49 results - 31 through 49 (of 49 total)