Home › Forums › WoodMart support forum › Icons in My Account Page

Icons in My Account Page

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 18, 2020 at 2:36 pm #195930

    simontayler
    Participant

    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.
    May 18, 2020 at 8:29 pm #195989

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    May 19, 2020 at 8:10 am #196041

    simontayler
    Participant

    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.
    May 19, 2020 at 10:26 am #196073

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

    May 19, 2020 at 10:29 am #196076

    simontayler
    Participant

    Hi here is the site access

    May 19, 2020 at 12:01 pm #196114

    Elise Noromit
    Member

    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

    May 19, 2020 at 12:15 pm #196119

    simontayler
    Participant

    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.
    May 19, 2020 at 12:21 pm #196121

    simontayler
    Participant

    Or could I use these SVG icons?

    Attachments:
    You must be logged in to view attached files.
    May 19, 2020 at 12:24 pm #196125

    simontayler
    Participant

    Sorry not the people.svg one but this one.

    Attachments:
    You must be logged in to view attached files.
    May 19, 2020 at 2:39 pm #196152

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    May 19, 2020 at 2:42 pm #196153

    simontayler
    Participant

    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

    May 20, 2020 at 10:44 am #196351

    Elise Noromit
    Member

    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
Viewing 12 posts - 1 through 12 (of 12 total)