Icons in My Account Page

Hi there,
I purchased the Woocommerce Gift Cards plugin. It now appears in the My Account Page.
How would I go about now assigning it another icon?

Attachments:

You must be logged in to view attached files.

Hello,

You can choose an icon from this source https://fontawesome.com/ and I will provide custom CSS.

Best Regards

Hi thanks so much!
Is there anyway we can use Woodmart style ‘thin’ icons?

https://fontawesome.com/v4.7.0/icon/list
For Wholesale customers link.

For Gift Card
https://fontawesome.com/v4.7.0/icon/envelope-open-o

For Affiliate:
https://fontawesome.com/v4.7.0/icon/line-chart

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

Hi here is the site access

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woodmart-my-account-links .wholesaleorderinglink-link a:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f03a";
  font-weight: 900;
}
.woodmart-my-account-links .giftcards-link a:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f2b6";
  font-weight: 900;
}
.woodmart-my-account-links .affiliate-area-link a:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f201";
  font-weight: 900;
}

Best Regards

Thanks I have added them in. Is there a Woodmart font library or another that I could use as they do look quite out of place?

Attachments:

You must be logged in to view attached files.

Or could I use these SVG icons?

Attachments:

You must be logged in to view attached files.

Sorry not the people.svg one but this one.

Attachments:

You must be logged in to view attached files.

Hello,

Upload all of them to media library and provide the image URL I will provide custom CSS.

Best Regards

Hi here is the link to the links
Gift Card:
https://staging.bushido.ca/wp-content/uploads/2020/05/business.svg

Affiliate:
https://staging.bushido.ca/wp-content/uploads/2020/05/marketing.svg

Wholesale orders:
https://staging.bushido.ca/wp-content/uploads/2020/05/transportation.svg

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-my-account-links .wholesaleorderinglink-link a:before {
content: " ";
min-height:60px;
display:inline-block;
}
body .woodmart-my-account-links .giftcards-link a:before {
content: " ";
min-height:60px;
display:inline-block;
}
body .woodmart-my-account-links .affiliate-area-link a:before {
content: " ";
min-height:60px;
	display:inline-block;
}
.woodmart-my-account-links .wholesaleorderinglink-link a{
min-height:118.8px;
	 background-image: url(https://staging.bushido.ca/wp-content/uploads/2020/05/transportation.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: center 10px;	
}
.woodmart-my-account-links .giftcards-link a {
min-height:118.8px;
	 background-image: url(https://staging.bushido.ca/wp-content/uploads/2020/05/business.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: center 15px;
}
.woodmart-my-account-links .affiliate-area-link a{
min-height:118.8px;
	 background-image: url(https://staging.bushido.ca/wp-content/uploads/2020/05/marketing.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: center 10px;
}

Best Regards

[Author]

Posts