Changing Icons (in CSS?)

Hello,

How do I change, for example, the icons in My Account > Dashboard (please see attached)?

I’ve tried with the following CSS code, but no success:

.woodmart-my-account-links a:before {
font-family: FontAwesome;
content: “/f461”;
}

I tried only icon unicodes from https://fontawesome.com/v4.7.0/icons/.

Is my CSS code bad? In the example above it simply displays “/F461” on page, instead of the respective icon.

Attachments:

You must be logged in to view attached files.

Hello,

Please try this CSS code:

div.woodmart-my-account-links .orders-link a:before {
  content: "\f2dd";
	font-family: FontAwesome;
}

Please pay attention to the direction of the slash and make sure your icon code is correct. Replace my icon code with yours one.

Best Regards

[Author]

Posts