Home › Forums › WoodMart support forum › How to change compare icon in every part of theme?

How to change compare icon in every part of theme?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2021 at 11:48 am #285916

    luzhabo
    Participant

    How to change compare icon in every part of theme?
    I need an icon with weights instead of crossed arrows, is it possible?

    Attachments:
    You must be logged in to view attached files.
    April 23, 2021 at 12:14 pm #285937

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-compare-icon>a:before {
    content: "\f128";
    font-family: "woodmart-font";
}

    You need to replace the content of the CSS above with the content of the icon you want and also the font family.

    Regards.
    Xtemos Studios

    April 26, 2021 at 1:51 pm #286817

    luzhabo
    Participant

    I need font-awesome balance-scale icon
    <i class=”fas fa-balance-scale”></i>
    to replace every compare icon in theme.

    How to use it from theme Font Awesome library?

    I try this but its not working!
    .wd-compare-icon>a:before {
    content: “\f24e”;
    font-family: “Font Awesome 5 Free”
    }

    Attachments:
    You must be logged in to view attached files.
    April 27, 2021 at 6:14 am #287016

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    Please replace your CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-compare-icon>a:before {
    content: "\f24e";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
}

.wd-header-compare .wd-tools-icon:before {
    font-size: 20px;
    content: "\f24e";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

    Best Regards

    April 28, 2021 at 2:22 pm #287660

    luzhabo
    Participant

    I need Font Awesome icons with font-weight: 400;
    What is the best way to extend the functionality of the theme to Font Awesome 5 Pro from this source….

    April 29, 2021 at 5:36 am #287797

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Our theme only supports a set of font-awesome icons in the free version.

    If you want to use all of the icons then you need to import the library manually or try using a plugin that enables them on the website.

    Regards.
    Xtemos Studios.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)