Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #711446
    #711560

    Hi Ed,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #711598

    Hi Rikard

    Thanks for the reply

    Sure – its: https://www.swarez.co.uk

    A typical page would be this one: https://www.swarez.co.uk/modern-art-paintings-for-sale/last-train-home/
    At the bottom I have placed the social share buttons which is great. However I would simply like to reverse the colours so that they show the hover colour as standard then hover to white on mouse-over (and I need to centre the text please).

    By the way on iOS devices you have to tap a button twice to get it to perform the function – can that be changed? No bother if not.

    Many thanks
    Ed

    #711630

    Hi!

    Can you please disable your cache so we can be able to help you?

    Thanks a lot

    Regards,
    Basilis

    #711687

    Sure
    Thanks Basilis – cache disabled.
    Regards
    Ed

    #712232

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-share-box .av-share-link-description { 
    text-align: center;
    }
    #top #wrap_all .av-social-link-facebook a {
        color: #fff;
        background-color: #37589b;
    }
    #top #wrap_all .av-social-link-twitter a {
        color: #fff;
        background-color: #46d4fe;
    }
    #top #wrap_all .av-social-link-gplus a {
        color: #fff;
        background-color: #de5a49;
    }
    #top #wrap_all .av-social-link-pinterest a {
        color: #fff;
        background-color: #cb2027;
    }
    #top #wrap_all .av-social-link-linkedin a {
        color: #fff;
        background-color: #419cca;
    }
    #top #wrap_all .av-social-link-mail a {
        color: #fff;
        background-color: #9fae37;
    }
    

    If that does not work, please create a temporary admin login and post it here privately

    Best regards,
    Yigit

    #712267

    Hey Yigit

    It works! You’re a genius! Thank you :)

    I noticed that Instagram is the only one of the top icons not changed…. Can you send me the code for that too please?

    Thank you so much!!!!!!!!

    Regards
    Ed

    #712268

    Hi!

    Not at all :)
    Please add following code to Quick CSS as well

    #top #wrap_all .av-social-link-instagram a {
        color: #fff;
        background-color: #a67658;
    }

    Regards,
    Yigit

    #712274

    Perfect! Thank you so much :)

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Centre social share buttons and re-colour’ is closed to new replies.