Using SVG icon codes

Hi I’ve been looking for answer for this from the archives but it doesn’t seem to have an answer yet. I’m trying to add an icon based from fontawesome or whatever icons are prebuilt from the theme.

What’s the coding to add icons? Do I simply use this as a reference? (https://fontawesome.com/cheatsheet).

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide the icon URL and page URL I will provide custom CSS.

Here is the sample of the code for FontAwesome:

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

You can replace the selector and icon code.

Best Regards

Hi Elise thanks for responding immediately to my thread.

Take for example I am going to use an icon from the (https://fontawesome.com/cheatsheet)

“envelope” how do I apply this? I’m currently trying to use the icon as an icon from a text/html for my mobile top header.

Thanks in advance for the respond!

Hello,

You would better add an icon in this way:

1. Create HTML block in Dashboard > HTML block;

2. Apply WP Bakery page builder default icons element and assign a link to it if necessary

3. Add this HTML block to the header. https://xtemos.com/docs/woodmart/html-blocks-2/#header_builder

If you want to replace the existing icon I can provide custom CSS. Please chose the icon among these ones: https://fontawesome.com/icons?d=gallery&m=free

Best Regards

[Author]

Posts