• slcreations

    (@slcreations)


    Hi

        1.I cannot add more icons
        2. i need to change the icon colour to #92d050 without hover

    please advice

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author WPZOOM

    (@wpzoom)

    Hello,

    1. This is not possible.

    2. You can disable the hover effect by adding this CSS code to Custom CSS section:

    .zoom-social_icons-list__item a:hover .socicon,
    .zoom-social_icons-list__item a:hover .dashicons,
    .zoom-social_icons-list__item a:hover .genericon,
    .zoom-social_icons-list__item a:hover .fa {
        opacity: 1;
    }

    Color of icons can be changed by clicking on the icon in the widget settings.

    Instructions to add custom CSS code: https://www.wpzoom.com/tutorial/recommended-practices-for-customizing-a-wpzoom-theme/

    • This reply was modified 8 years ago by WPZOOM.
    Thread Starter slcreations

    (@slcreations)

    So only four icons are showing

    Plugin Author WPZOOM

    (@wpzoom)

    Can you provide more details about your problems? Screenshots, URL?

    Thread Starter slcreations

    (@slcreations)

    https://landandshores.com/tour/wp-content/uploads/2016/11/add-more-1.jpgSocial sjare cannot add more only three

    If you could give me css to change colour of all icon background to #92d050

    Plugin Author WPZOOM

    (@wpzoom)

    It seems that you enabled Accessibility Mode in Widgets page.

    Can you disable it? The widget will work in that way.
    https://jmp.sh/svc6ZSx

    Thread Starter slcreations

    (@slcreations)

    thanks now got it. But where can I change the background to green Kindly help

    Thread Starter slcreations

    (@slcreations)

    hi
    zoom social share icons
    on my custom css I added the below but its funny facebook,twitter and instagram are not accepting the change

    .socicon-bloglovin {
    background-color: #92d050;
    color: #92d050;
    }

    .socicon-facebook {
    background-color: #92d050;
    color: #92d050;
    }

    .socicon-instagram {
    background-color: #92d050;
    color: #92d050;
    }

    .socicon-pinterest {
    background-color: #92d050;
    color: #92d050;
    }

    .socicon-twitter {
    background-color: #92d050;
    color: #92d050;
    }

    .socicon-vimeo {
    background-color: #92d050;
    color: #92d050;
    }

    Plugin Author WPZOOM

    (@wpzoom)

    There is no need to change the color via CSS.

    Just click on the icon in the widget settings, and there is a color picker which allows you to change the color.

    Thread Starter slcreations

    (@slcreations)

    I would have done that but no setting are there. At the moment I have no settings

    widget

    Plugin Author WPZOOM

    (@wpzoom)

    This video will help you https://jmp.sh/2VKvNOp

    Thread Starter slcreations

    (@slcreations)

    hi

    I am trying that but does not click open, tried accessibility mode and without also. Are this options available for free plugin

    Thread Starter slcreations

    (@slcreations)

    hi why i cannot see the settings option in my widget please help

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘icon colour change’ is closed to new replies.