Change Size Guide Icon

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.

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

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

Attachments:

You must be logged in to view attached files.

Hello,

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

Best Regards

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

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

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!

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

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.

Hello,

Please provide the product page URL I will check.

Best Regards

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.

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