Is there a way to remove the green thick border that surrounds social media icon links?

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

krysski00’s picture

Is there a way to remove the green thick border that surrounds social media icon links?

Anks’s picture

Hi Krystal,

Can you please explain it more?

As it seems you have added the content from editor or can be copy paste from other contents.

Can you please share URL of the site?

krysski00’s picture

krysski00’s picture

I added the social media icon links to content pages. So all of the links show up when I create a new article at the bottom of the page. But they have a thick green border around them that I would like to remove. Let me know if I can point you in any other direction. I'm new, so please be patient with me. :-)

Anks’s picture

Hi Krystal,

I have checked the site.

Please add following rule to css file (style.css)
.links .widgets a { background:none !important; }

Let me know if this work for you.

krysski00’s picture

I tried adding it to responsive_green/style.css and it did not work. BUT..I may have done it wrong. I added it to the bottom. But I am brand new and don't know anything about coding. So I may have inserted it in the wrong place.

krysski00’s picture

I am looking at this coding and wondering if there's some change that needs to be made here....?

.links li a {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #00a99d;
border-radius: 4px;
color: #fff;
font-weight: normal;
padding: 4px 8px;
display: inline-block;
margin-bottom: 1px;

Anks’s picture

Hey Krystal,

It's solved, I have checked it.

Please clear cache on your browser.

You have made it. ;)

krysski00’s picture

Oh you're right! awesome! Thanks SO much!!! yay!

Anks’s picture

Status: Active » Closed (fixed)