Home › Forums › WoodMart support forum › Adding an Icon css

Adding an Icon css

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 27, 2020 at 2:45 pm #214605

    mkbcn08
    Participant

    Hello,

    I’m trying to add a search icon from: https://fontawesome.com/v4.7.0/icon/search

    But the result is this: http://prntscr.com/tpclw2

    Css code is:
    .redondeo_cuadro a:after {
    content: “\f002”;
    font-family: Fontawesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 10px;
    text-decoration:none;
    }
    I tried with woodmart-font also. Am I doing something wrong? or doesn’t support that icon in html?

    Thank you

    July 27, 2020 at 10:22 pm #214711

    Elise Noromit
    Member

    Hello,

    WoodMart supports Fontsome icons 5.0 version now. https://fontawesome.com/icons?d=gallery

    Please find the icon, provide its URL and the screen and page URL of what you want to change, I will provide custom CSS.

    Best Regards

    July 28, 2020 at 8:09 am #214768

    mkbcn08
    Participant

    Hello!

    The icon I want to add is https://fontawesome.com/icons/search?style=solid

    Thank you very much!
    Best Regards,
    Mike

    July 28, 2020 at 1:19 pm #214876

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .searchform .searchsubmit:after {
  content: "\f002";
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

    You need to enable “Always use” in the Theme Settings > Performance > CSS.
    Best Regards

    July 31, 2020 at 8:33 am #215622

    mkbcn08
    Participant

    Thank you Elise and all Xtemos Staff. You are great!!

    July 31, 2020 at 9:44 am #215648

    Elise Noromit
    Member

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

  • Author
    Posts

Tagged: 

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