Issues with Social Icons Reloaded
Permalink Browser Info Environment
Hi,
Has anyone ever had problems with the icons showing probably in the Social Icons Reloaded add-on when displayed with Slate? I can't seem to figure out how to remove the dotted lines immediately below the icons. I'm attaching a screenshot. The developer of the add-on was able to help me remove the solid line spaced further below...
If I can't get this fixed, does anyone have any recommendations for social media add-ons that work well with Slate?
Thanks,
-concreteart
Has anyone ever had problems with the icons showing probably in the Social Icons Reloaded add-on when displayed with Slate? I can't seem to figure out how to remove the dotted lines immediately below the icons. I'm attaching a screenshot. The developer of the add-on was able to help me remove the solid line spaced further below...
If I can't get this fixed, does anyone have any recommendations for social media add-ons that work well with Slate?
Thanks,
-concreteart
Type: | Discussion |
---|---|
Status: | New |
Can you post a link to the site so I can take a look
The site is still in development on my localhost.
I was able to add the following code to the view.css file from the add-on:
.block-sociallinks a, .block-sociallinks a:hover, .block-sociallinks a:active, .block-sociallinks a:focus {
outline: 1px solid #444;
}
This solved the dotted line issue in Safari, however in Firefox it still shows. The image I initially attached has the these icons in the footer section of Slate.
I was able to add the following code to the view.css file from the add-on:
.block-sociallinks a, .block-sociallinks a:hover, .block-sociallinks a:active, .block-sociallinks a:focus {
outline: 1px solid #444;
}
This solved the dotted line issue in Safari, however in Firefox it still shows. The image I initially attached has the these icons in the footer section of Slate.
Try adding this to the main.css file (located at packages/theme_slate/themes/slate/main.css):
.block-sociallinks li { border-bottom:none!important; }
It worked! Thank you so much!
-concreteart
-concreteart
You're welcome!
Ya I've noticed that. Didnt know how to remove it so I just downloaded button images online and added links to them.