Return to previous page

Icon Color - by blakejnolan - on WordPress WooCommerce support

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

blakejnolan

Participant

July 10, 2014 at 19:21

Is there any way to change the colors of icons? For example, the icons in the very top of the header? The Wishlist “heart”, your account icon, Logout icon, etc….

#9434 Copied

1 Answer
Eva Kemp

Support staff

July 10, 2014 at 19:55
Hello,

To change the icons color at the top please add this code into custom.css file:
.login-link:before, .logout-link:before, .top-bar .wishlist-link a i:before, .my-account-link:before, .register-link:before { color: red;}
Change the color value to yours.
If you wan to use different colors for each icon you need separate them, for example:
```
.register-link:before { color: red;}
.logout-link:before {color: blue;}
.top-bar .wishlist-link a i:before {color: green;}
```
and so on.

How to create custom.css you can watch in our video tutorial
Regards,
Eva Kemp.
#9442 Copied
Tagged: best, color, icon, persuasive, selling, themes, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

lazy-placeholder

Default RTL – WordPress WooCommerce Theme

lazy-placeholder

SEO Agency – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Travel – WooCommerce Theme

lazy-placeholder

Flowers Store – WooCommerce Theme

lazy-placeholder

Mobile Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.