Footer

# Social media links don't show & element.style span **URL:** \ **Category:** Questions\ **Created:** [August 12, 2023, 8:29pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296 "2023-08-12T20:29:07Z")\ **Posts on this page:** 8\ **Page:** 1

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [August 12, 2023, 8:29pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/1 "2023-08-12T20:29:07Z")

1. In PG I added social media icons to my footer, but can’t get them to show. What to do? 2. In VSC using PG Live ext, in Chrome dev tools\> source I get `element.style span` which I gather is a Chrome style. How do I get rid of `element.style`? ![Screen Shot 2023-08-12 at 1.20.03 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/04bd41911a84ab4966841af1c23271c330a4dd6f.png) ![Screen Shot 2023-08-12 at 1.21.22 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/e63c00235df55f60a497515d5af7388020a73844.png) ---

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [August 13, 2023, 3:11pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/2 "2023-08-13T15:11:14Z")

Weird, I commented my `footer` out then uncommented and the `span style disappeared.` I’m guessing it is a glitch between PG & VSC. ---

**Author:** ![Plunky](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/plunky/32/5705_2.png) [@Plunky](https://forum.pinegrow.com/u/Plunky)\ **Post date:** [August 13, 2023, 5:07pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/3 "2023-08-13T17:07:08Z")

I don’t understand what you’re doing, but that **element.style** is indicating that the “style” attribute has been added to that particular html element. In Pinegrow, open the Design panel and check what you’ve done. I think there’s a “background” rule that overrides the other one, which is why you’re not displaying the icons. I am not sure, without looking at the design it is a little difficult for me to figure out the cause of the problem. ---

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [August 14, 2023, 2:54pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/4 "2023-08-14T14:54:24Z")

Any idea of the problem? Here is the html for the social media icons without the rest of the code. ```auto Footer footer.css below /* Footer > social media icons*/ .social { border: 3px red solid; height: 3rem; display: flex; justify-content: center; } ``` Screenshot of what I get: ![Screen Shot 2023-08-14 at 7.48.20 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d8e64662cb2f48a8d1c1d4c73e2982ef9c5f3144.png) ---

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [August 14, 2023, 3:35pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/5 "2023-08-14T15:35:00Z")

Made a fast Prototype in Pinegrow Bootstrap 5. This will work. Your Font Awsome link, HTML and CSS is wrong! I corrected it. Did not use any Bootstrap inline classes you can use this in any design but you have to refine your CSS! Regards, David Click on the image to enlarge and see! ```auto Blank Template for Bootstrap

``` ![Screenshot 2023-08-14 at 17.35.21](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b7aa4ed724dad3ce8140f87396e06185c5681323.png) ---

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [August 14, 2023, 4:43pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/6 "2023-08-14T16:43:03Z")

This is great. I’ll give it a shot. I’ve quit using frameworks. They have a ton of unused code, take a ton of time to prune, and take too much load time. Kat ---

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\ **Post date:** [August 14, 2023, 4:49pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/7 "2023-08-14T16:49:19Z")

> [@AllMediaLab](#): > > ` ` It worked. Thanks so much. ---

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [August 14, 2023, 5:03pm UTC](https://forum.pinegrow.com/t/social-media-links-dont-show-element-style-span/8296/8 "2023-08-14T17:03:18Z")

> [@kat](#): > > I’ve quit using frameworks. They have a ton of unused code, take a ton of time to prune, and take too much load time. Frameworks only work sufficient when **you study the documentation** and know how to work with SCSS. When you just add some links and go for it, that’s not how you should use them! Good Luck!