Hover color change – CSS help request

Home Forums Social Sharing Plugin Hover color change – CSS help request

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #7980
    #7994
    mila_support
    mila_support
    Member

    Hello!
    Try to replace “background-color” property with “color”. It will look like this –

    #8042

    mywyndow
    Participant

    Thanks for your help…. but it didn’t work, I’m afraid. Here’s the code I’m using to change the main background color (this code definitely works, perhaps that might help?):
    .supsystic-social-sharing[data-overlay=”on”] .twitter {
    background-color: #424450 !important;
    }
    .supsystic-social-sharing[data-overlay=”on”] .facebook {
    background-color: #424450 !important;
    }
    .supsystic-social-sharing[data-overlay=”on”] .pinterest{
    background-color: #424450 !important;
    }
    .supsystic-social-sharing[data-overlay=”on”] .mail {
    background-color: #424450 !important;
    }

    #8078
    mila_support
    mila_support
    Member

    Hello!
    Please tell me you want to change the background color as well as hovering color?

    #8095

    mywyndow
    Participant

    Yes. I want to change the standing background color of all four buttons to all grey. The code I posted works perfect for that. I then want the buttons to hover in four different colors as outlined above. It’s the hover code that just won’t work no matter what I try.

    #8101
    mila_support
    mila_support
    Member

    Please try this code to change the hover color: .supsystic-social-sharing[data-overlay="on"] .pinterest:hover and then you need to write the color that you want. And tell me did it work?

    #8113

    mywyndow
    Participant

    Sadly nope. Here’s what I tried:

    .supsystic-social-sharing[data-overlay=”on”] .facebook:hover {
    color: #68686C !important;
    }
    .supsystic-social-sharing[data-overlay=”on”] .pinterest:hover {
    color: #753E4C !important;
    }
    .supsystic-social-sharing[data-overlay=”on”] .mail:hover {
    color: #292932 !important;
    }
    .supsystic-social-sharing[data-overlay=”on”] .twitter:hover {
    color: #539CA8 !important;
    }

    No go.

    #8119
    mila_support
    mila_support
    Member

    Hello!

    Please contact us through the Internal Support. Write there what exactly, where and to what colors you want to change. Also we need the access to your WordPress admin area. Our developer will help you to change the colors.
    Please be careful! Do not write your WP credentials here. Send them through the Internal Support.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Get plugins bundle today and save over 80%