Return to previous page

How put social media icon in their colors?

This topic has 10 replies, 4 voices, and was last updated 2 years, 4 months ago ago by Awais Ahmed

Carmen

Participant

July 5, 2022 at 08:42

How put social networks in their colors ?

Please, contact administrator
for this information.

#328730 Copied Theme version: 8.2.2

9 Answers

Rose Tyler

Support staff

July 5, 2022 at 08:43

Hello,

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

Regards

#328731 Copied

Carmen

Participant

July 5, 2022 at 08:44

Yes

#328732 Copied

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

#328733 Copied
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.
#328735 Copied
Carmen

Participant

July 5, 2022 at 14:44

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

Thank

#328916 Copied

Carmen

Participant

July 5, 2022 at 14:46

Onother question

how correct this

All letters are capitalized

Please contact administrator
for this information.

#328917 Copied
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
#328934 Copied
Carmen

Participant

July 6, 2022 at 08:25

Hi

I put this code, but don’t work

Please contact administrator
for this information.

#328980 Copied

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.

#328982 Copied
Tagged: best selling, colors, icon, persuasive, social media, themes, woocommerce
Viewing 10 results - 1 through 10 (of 10 total)