[Support request] Social Icons color

Home Forums Support Social Icons color

  • This topic has 10 replies, 3 voices, and was last updated 6 months ago by David.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1240598
    Fekry

    I try to add Social Icons in “Contact” page, when I insert them in edit page their colors look as what I want. but when I preview the page their colors change, because of “link and link hover” in content color customize. May I need CSS code to make Social Icons save defualt colors.
    thanks

    #1240604
    Leo
    Staff
    Customer Support

    Hi there,

    Can you guide me to the Contact page? The page isn’t in English so I can’t quite tell.

    Thanks 🙂

    #1240631
    Fekry

    اHi Leo. It’S English (Contact)

    #1240645
    Fekry

    May you try now.

    #1240723
    Leo
    Staff
    Customer Support

    Can you edit the link in the original topic so it goes directly to the contact page?

    #1240741
    Fekry

    I did it, may you have a look please!

    #1240742
    Leo
    Staff
    Customer Support

    The link you’ve provided is a WordPress login page.

    Can you provide the direct link? the one that’s open to the public 🙂

    #1240757
    Fekry

    May you try again Leo…

    #1241049
    Fekry

    Hi there. I’ve put the link you ask, may you check it please.

    #1241290
    Fekry

    Hi there. I’ve put the link you ask, may you check it please.

    #1241344
    David
    Staff
    Customer Support

    Hi there,

    the CSS is working and looks good to me – the only color you haven’t declared is for the Hover color for example the Facebook:

    .lsi-social-icons .lsi-social-facebook a, 
    .lsi-social-icons .lsi-social-facebook a:visited, 
    .lsi-social-icons .lsi-social-facebook a:focus {
        background: #3b5998 !important;
    }

    You can create a separate hover color like so:

    .lsi-social-icons .lsi-social-facebook a:hover {
        background: #cccccc !important;
    }

    Just set your own color. And do this for each of your icons

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.