Return to previous page

Stop social media icons changing colour upon click

This topic has 19 replies, 3 voices, and was last updated 4 years, 2 months ago ago by MichaelB

MichaelB

Participant

December 19, 2020 at 01:30

How do I stop this from happening?
https://prnt.sc/w5qlw1

Login details provided for you to fix, please.

Please, contact administrator
for this information.

#264910 Copied Theme version: 7.1.2

18 Answers

Rose Tyler

Support staff

December 19, 2020 at 08:39

Hello,

Do you use https://prnt.sc/w5vgpz element? https://prnt.sc/w5vgvf > https://prnt.sc/w5vgzh
or https://prnt.sc/w5vh47 – https://prnt.sc/w5vhal

Regards

#264914 Copied

MichaelB

Participant

December 19, 2020 at 15:42

I don’t believe it is done through Elementor.

It is done through the widget via xStore…

https://prnt.sc/w61jiy

Thanks in advance.

Login details provided above.

#264961 Copied
Rose Tyler

Support staff

December 19, 2020 at 15:48
Hello,

Use the next custom CSS code:

.et_b_header-socials a:hover { opacity: 1; }

Regards
#264963 Copied
MichaelB

Participant

December 19, 2020 at 15:57

Didn’t work I’m afraid…

After clicking one of the social media icon the button turns grey… I want it to remain white.

#264964 Copied

Olga Barlow

Participant

December 21, 2020 at 11:21

Hello,

Check now.

Regards

#265123 Copied

MichaelB

Participant

December 21, 2020 at 19:56

Amazing!

You fixed it 🙂

OLGA, OLGA, OLGA! 🙂

How did you fix it?

Can you fix it for the mobile version too?

#265200 Copied

Olga Barlow

Participant

December 22, 2020 at 15:45

Hello,

I have added the custom code to fix the problem with the socials color. Fix will be included also in the next theme update. But I don’t see the problem with mobile devices, code works for both desktop and mobile.

Regards

#265331 Copied

MichaelB

Participant

December 23, 2020 at 01:57

Thanks, Olga.

Really pleased to hear it will be fixed in the next update. You’re really helpful, thank you!

Unfortunately, the CSS code doesn’t work for Safari on iOS iPhone 12 Pro but it’s not a big issue for me as you fixed the annoying problem of the issue occurring on web browsers on a desktop.

#265434 Copied

Olga Barlow

Participant

December 23, 2020 at 16:56

Hello,

Don’t have iPhone 12Pro at this moment to check but everything works fine if we use Safari browser emulation http://prntscr.com/w8kbbd
So, maybe you just need to clear the mobile browser cache?

Regards

#265581 Copied

MichaelB

Participant

December 23, 2020 at 22:35

Tried clearing my cache and say issue on mobile.

I opened my website, click on the YouTube icon, go back to the website and you have to look carefully and will see a light grey on the YouTube icon.

Seems like a bug. Might be minor but given you plan to fix the desktop side I hope the mobile will be on the list of fixes too!

#265624 Copied

Olga Barlow

Participant

December 24, 2020 at 14:58

Hello,

Provide screenshot of the issue, please.

Regards

#265707 Copied

MichaelB

Participant

December 24, 2020 at 20:49

I’ll provide a video instead…

I want to stop the highlighting of the social icons!

See private content area

Please contact administrator
for this information.

#265749 Copied

Olga Barlow

Participant

December 25, 2020 at 15:55

Hello,

Oh, that’s not the light grey, it’s a white color with opacity. I removed opacity for both desktop and mobile, check now.

Regards

#265779 Copied

MichaelB

Participant

December 25, 2020 at 18:10

That’s a very good point.

Omg, you fixed it!

Thank you very much.

How did you fix it? Please provide screenshot of the fix.

#265785 Copied

Rose Tyler

Support staff

December 26, 2020 at 09:20

https://prnt.sc/wa6egw

Regards

#265817 Copied

MichaelB

Participant

December 26, 2020 at 20:27

Isn’t it the colour CSS code instead? Not highlight…

https://prnt.sc/wage2z

We not talking about hover (I don’t believe, anyway)

#265893 Copied

Rose Tyler

Support staff

December 27, 2020 at 08:32

Yes, this custom CSS is required also.

Regards

#265924 Copied

MichaelB

Participant

December 28, 2020 at 00:18

Okay, thank you.

#265982 Copied
Viewing 19 results - 1 through 19 (of 19 total)

The issue related to '‘Stop social media icons changing colour upon click’' has been successfully resolved, and the topic is now closed for further responses

Stop social media icons changing colour upon click

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection