Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Is there a way to remove the green thick border that surrounds social media icon links?
Comment | File | Size | Author |
---|---|---|---|
Screen shot 2014-01-11 at 12.35.41 PM.png | 23.16 KB | krysski00 |
Comments
Comment #1
krysski00 CreditAttribution: krysski00 commentedIs there a way to remove the green thick border that surrounds social media icon links?
Comment #2
Anks CreditAttribution: Anks commentedHi 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?
Comment #3
krysski00 CreditAttribution: krysski00 commentedwww.healthy-dirt.com
Comment #4
krysski00 CreditAttribution: krysski00 commentedI 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. :-)
Comment #5
Anks CreditAttribution: Anks commentedHi 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.
Comment #6
krysski00 CreditAttribution: krysski00 commentedI 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.
Comment #7
krysski00 CreditAttribution: krysski00 commentedI 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;
Comment #8
Anks CreditAttribution: Anks commentedHey Krystal,
It's solved, I have checked it.
Please clear cache on your browser.
You have made it. ;)
Comment #9
krysski00 CreditAttribution: krysski00 commentedOh you're right! awesome! Thanks SO much!!! yay!
Comment #10
Anks CreditAttribution: Anks commented