Change Size Guide Icon

This topic has 11 replies, 3 voices, and was last updated 3 years, 8 months ago by Elise Noromit.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
October 11, 2020 at 12:14 am #232323

viapampa
Participant

Hi, I serached the forum regarding this matter but it doesn’t seem to work. I have put the following code to my global CSS:

body .wd-action-btn.wd-sizeguide-btn>a:before {
content: “\f06e”;
font-family: FontAwesome;
}

Is there something wrong with it?

Thanks in advance.

October 11, 2020 at 8:18 am #232369
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.wd-action-btn.wd-style-text>a.woodmart-sizeguide-btn:before {
    font-size: 30px!important;
}
```
Best Regards
October 11, 2020 at 2:22 pm #232415

viapampa
Participant

Hi, thanks, but it’s still not showing. See picture attached.

Attachments:
You must be logged in to view attached files.

October 11, 2020 at 4:20 pm #232434

Elise Noromit
Member

Hello,

Please provide the icon which you want to use from this source https://fontawesome.com/

Best Regards

October 11, 2020 at 4:50 pm #232441

viapampa
Participant

This one: https://fontawesome.com/icons/eye?style=regular. Is it possible in black?

October 12, 2020 at 9:48 am #232550
Elise Noromit
Member
Hello,

Please replace the code I have provided:
```
.wd-action-btn.wd-style-text>a.woodmart-sizeguide-btn:before{
  font-family: 'Font Awesome 5 Free';
  content: "\f06e";
  font-weight: 900;
}
```
Best Regards
April 12, 2021 at 2:39 am #281686

Stylomilo
Participant

Hi Woodmart,

I am using the CSS shown in your last post on 12 Oct 2020. Whilst it works in my test site (woodmart v5), it doesn’t work on my other site (woodmart v6). I was trying to change the default ruler icon to a mug icon (f7b6). Please can you help! Thank you very much!

April 12, 2021 at 2:49 pm #282005
Elise Noromit
Member
Hello,

Please replace the code with this one:
```
body .wd-sizeguide-icon>a:before{
  font-family: 'Font Awesome 5 Free';
  content: "\f06e";
  font-weight: 900;
} 
```
If you have any questions please feel free to contact us.

Best Regards
April 15, 2021 at 1:38 am #283026

Stylomilo
Participant

Hi Woodmart,

I’ve just updated Woodmart to 6.0.3 and changed my previous global css entry (which works in version 5) to the latest one you have given me on 12 April.

But the icon is still the default ruler. I’ve double checked that mug icon code f7b6 is correct and also tried another random icon but it is still showing the ruler icon.

Please can you help? Thank you very much.

April 15, 2021 at 12:02 pm #283191

Elise Noromit
Member

Hello,

Please provide the product page URL I will check.

Best Regards

April 16, 2021 at 1:35 am #283418

Stylomilo
Participant

Hi Woodmart,

My site is currently in maintenance mode as I am finalising the dev work. I’ve included the page source up till the “size guide” part of the product page. I’ve checked and triple checked that I have the exact same css as you provided except for the code for the icon.

Thank you very much for your help.

April 27, 2021 at 3:08 pm #287281

Elise Noromit
Member

Hello,

Sorry for the late reply, due to technical issues we did not see your message.

I am checking the product page I do not see any problems: https://gyazo.com/f454a2c43d71a5a9dae90b105143ebbd

Do you need any help? Please update and provide the details.

Please open a new topic.

Best Regards
Author

Posts