align social icons (side by side) and change footer 'icon' image to discord logo

Site URL: https://www.invisiblefriendsofsolana.com

The social icon's alignment in the header is messed up, are they not supposed to be side by side as default? 

I can't manage to change the image in the footer for the link either. 

Any help? 

css code for the logo in the header: 

//Discord logo
  .icon--fill:nth-of-type(2) {
    svg {
      display:none;
    }  
    background-image: url(https://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
  
.header-menu-actions-action:nth-of-type(2) {    
  svg { 
    display:none;    
  }    
  background-image: url(discohttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pngrd.png);    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

16 minutes ago, sksk111 said:

Site URL: https://www.invisiblefriendsofsolana.com

The social icon's alignment in the header is messed up, are they not supposed to be side by side as default? 

 

I can't manage to change the image in the footer for the link either. 

 

Any help? 

 

css code for the logo in the header: 

//Discord logo
  .icon--fill:nth-of-type(2) {
    svg {
      display:none;
    }  
    background-image: url(https://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.png);    
    background-size: 100%;    
    background-repeat: no-repeat;  
  } 
  
.header-menu-actions-action:nth-of-type(2) {    
  svg { 
    display:none;    
  }    
  background-image: url(discohttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pnghttps://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.pngrd.png);    
  background-size: 100%;    
  background-repeat: no-repeat;  
}

I check that it conflicts with the solution I gave in the old post

Kindly update the new one in this post and let me know how it goes

1 hour ago, bangank36 said:

I check that it conflicts with the solution I gave in the old post

Kindly update the new one in this post and let me know how it goes

Thank you. I noticed it was the 'display: block' which was impacting it. 

Just struggling on changing the footer 'social link' image to the discord one now. 

6 hours ago, sksk111 said:

Thank you. I noticed it was the 'display: block' which was impacting it. 

 

Just struggling on changing the footer 'social link' image to the discord one now. 

Try the following one to change social icon for discord

[href *="discord"] {
  background-image: url(https://static1.squarespace.com/static/620d1b923f98bd3b17c4e5e4/t/6214e9d1557793739d0354cc/1645537745675/discord.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
[href *="discord"] svg {
  display: none;
}

Hope it can help