How put social media icon in their colors?

This topic has 10 replies, 4 voices, and was last updated 1 year, 8 months ago ago by Awais Ahmed

  • Avatar: Tecnica PC
    Carmen
    Participant
    July 5, 2022 at 08:42

    How put social networks in their colors ?

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2022 at 08:43

    Hello,

    Do you mean here in the header – https://prnt.sc/eGlz9S427m4h or ?

    Regards

    Avatar: Tecnica PC
    Carmen
    Participant
    July 5, 2022 at 08:44

    Yes

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2022 at 08:51

    There is no such option for Socials element of header builder. You can post a request here – https://www.8theme.com/taskboard/
    As a workaround, create a static block with the desired content – https://prnt.sc/x0Sa3KSAu6Gu and show it in the header via HTML element.

    Regards

    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    July 5, 2022 at 09:09

    Hello, @Carmen,

    OR you can try with the below given Custom CSS as well, You can copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global Custom CSS.

    Note: With the below-given code, you can only set the single color to the icon, not gradient color, because the icons are SVG icons and the gradient is not applied on the SVG icons directly using Custom CSS.

    .site-header a[title~="Facebook"] svg {
        fill: #3b5998 !important;
    }
    .site-header a[title~="Instagram"] svg {
        fill: #f09433 !important;
    }

    Regards 8Themes Team.

    Avatar: Tecnica PC
    Carmen
    Participant
    July 5, 2022 at 14:44

    It won’t help, I need the original icon.

    Thank

    Avatar: Tecnica PC
    Carmen
    Participant
    July 5, 2022 at 14:46

    Onother question

    how correct this

    All letters are capitalized

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 5, 2022 at 17:25

    Hello,

    Edit your child theme style.css and replace

    .template-container .item-design-mega-menu .nav-sublist-dropdown .item-level-1>a {
        text-transform: none;
    }
    with the
    .template-container .item-design-mega-menu .nav-sublist-dropdown .item-level-1>a {
        text-transform: none !important;
    }

    Regards

    Avatar: Tecnica PC
    Carmen
    Participant
    July 6, 2022 at 08:25

    Hi

    I put this code, but don’t work

    Please contact administrator
    for this information.
    Avatar: Awais Ahmed
    Awais Ahmed
    Participant
    July 6, 2022 at 08:42

    Hello, @Carmen,

    Please remove this “with the” from the given code as shown in this screenshot: https://postimg.cc/xqftQVCR save changes and check back your site after removing the browser cache.

    If the issue will not solve then please share your site WP-Admin URL and Credentials in a private content area of this topic, so that I’ll check and solve it for you on your site.

    Regards 8Themes Team.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How put social media icon in their colors?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.