Home Forums WoodMart support forum 'Add to cart" icon on products

'Add to cart" icon on products

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #79772

    d_ch
    Participant

    Hi,

    Is it possible to change the “add to cart” icon on hover of desktop and on mobile appearance too? I have selected via Shop–>Products Styles–>Hover on product the quick style, however I would like to have the same icon on products with my main cart on my bottom header, set via your header builder.

    Waiting for your advice on this.

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

    Artem Temos
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to change it

    div.woodmart-hover-quick .woodmart-add-btn>a:before {
    content: "\f107";
    }

    Regards

    #79979

    d_ch
    Participant

    Hi,

    Thank you for your snippet, it worked perfect.

    May I ask you please where can I find the shortcodes, just like of the icon you gave me “\f107”?

    I am asking you to be aware of it just in case that I may use different icon at my projects in the future.

    #79987

    Hello,

    All codes are taken from https://fontawesome.com/v4.7.0/icons/

    Enter the icon and find http://prntscr.com/l0qa1i

    You need to specify font-family:FontAwesome;

    Best Regards

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