• Resolved mirellacg

    (@mirellacg)


    Wanted to customize icon colors but I can’t as it seems the plugin is overridden (as link below). I am using qode bride theme.

    https://ibb.co/PQVNMkp

    I think best solution would have a css for this. Would you be able to provide it?
    I would like to change the icon background color, the icon color, the icon hover color.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi there

    If you could provide colors that you intend to use and url to your site, I’d be happy to create a couple of CSS rules that meet your needs

    Regarding the problem you’re experiencing with colorpicker on backend, I think this could be caused by either:
    – an outdated version of our plugin; are you running latest version?
    – interference from another plugin, in which case there is little I can do, apart from asking you to isolate the problem for further testing

    Thread Starter mirellacg

    (@mirellacg)

    I would like:
    Background to be transparent or white.
    Icon border-color: ##666666
    Icon color: transparent or white
    Icon hover-border-color: #ee2e58
    Icon hover-color: #ee2e58

    The icon will appear on the product image. This is already set up.
    I only need the CSS for the colors.

    Thank you in advance.

    Plugin Author YITHEMES

    (@yithemes)

    Hi there

    could you please share url to your site, as I requested in my previous answer?
    This would help me create the CSS, being sure that the rules that I suggest you will work fine

    Thread Starter mirellacg

    (@mirellacg)

    Link to the page where the wishlist icon I mention is located: encurtador.com.br/nwU36

    Plugin Author YITHEMES

    (@yithemes)

    Hi there

    Unfortuantely when I try to follow the url that you posted, I got redirected to the page of the service, instead to your site

    Is there something that I’m doing wrong?

    Thread Starter mirellacg

    (@mirellacg)

    Hi,

    Please try this link: https://bit.ly/32OHyRo

    It should work.

    Thank you so much for your efforts.

    Plugin Author YITHEMES

    (@yithemes)

    Hi there

    Could you please try to add the following CSS rules to Additional CSS section of your theme customizer (WP Dashboard -> Appearance -> Customize)

    ul.products li .yith-wcwl-add-to-wishlist{
        background: transparent;
    }
    
    ul.products li .yith-wcwl-add-to-wishlist a i{
        color: #666;
    }
    
    ul.products li .yith-wcwl-add-to-wishlist a:hover i{
        color: #ee2e58;
    }
    
    ul.products li .yith-wcwl-add-to-wishlist a:hover i:before{
        content: "\f004";
    }
    

    This is my final result on your site

    Thread Starter mirellacg

    (@mirellacg)

    It works perfectly.

    Thank you so much!

    Plugin Author YITHEMES

    (@yithemes)

    You’re welcome!

    We are doing our best to improve our plugins. Our target is to develop and release the best free plugins for WooCommerce, but to achieve this we need your help. Please leave a good review to support us and help our growth 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Customize colors’ is closed to new replies.