Custom CSS

Ask the Community General Questions
1

We are trying out the free version of Elfsight Team Page and I am trying to add custom CSS to the test and nothing happens.

https://2024-liptonrogers-com.stackstaging.com/team/

1 Like
4

Hi there, @Wayne_Hodkinson :wave:

I see that the code for adjusting the appearance of the tabs works fine. As for the 1st code, please try to use this one instead:

global-styles, a {
    text-decoration: none;
    outline: 0;
    max-width: 100%;
    color: #0EC12F !important;
}

Try it out and let me know if it worked :slightly_smiling_face:

5

This CSS simply turns my menu green on our website

Screenshot 2024-09-24 093630
Screenshot 2024-09-24 093630889×722 377 KB

1 Like
6

Ah, I am sorry about that!

We’ve adjusted the code and now everything should be working fine:

.global-styles,
[class*='TeamShowcase__FontWrapper-sc'] a,
.eapp-team-showcase-popup-item-container a {
  text-decoration: none;
  outline: 0;
  max-width: 100%;
  color: #0ec12f !important;
}

Could you please check your website and let me know if you like the result?