Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 29, 2023 at 12:07 pm #1414809
    tulin88

    Hello,
    You have sent me these codes for social media icons before. I want social media icons to always stay in their original color. Can you fix it in codes.

    #top .social_bookmarks li {
    width: 35px;
    }

    #top .social_bookmarks li a {
    width:35x;
    line-height: 35px;
    min-height: 35px;
    font-size: 20px;
    }

    #top .header_color .social_bookmarks a {
    color: DarkBlue;

    }

    July 29, 2023 at 1:55 pm #1414815
    Mike

    Hey tulin88,
    To show the social icons in their colors always please remove the css above and add this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .social_bookmarks .social_bookmarks_facebook  a{color:#fff; background-color:#37589b; }
#top #wrap_all .social_bookmarks .social_bookmarks_twitter   a{color:#fff; background-color:#46d4fe; }
#top #wrap_all .social_bookmarks .social_bookmarks_linkedin  a{color:#fff; background-color:#419cca; }
#top #wrap_all .social_bookmarks .social_bookmarks_youtube   a{color:#fff; background-color:#a72b1d; }
#top #wrap_all .social_bookmarks .social_bookmarks_instagram a{color:#fff; background-color:#a67658; }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 29, 2023 at 2:59 pm #1414819
    tulin88
    This reply has been marked as private.
    July 29, 2023 at 5:12 pm #1414832
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘About social icon’ is closed to new replies.