social media icons appearance changed

• 

  drbjj1982 · Member · May 24, 2014 at 2:07 am

  • Copy link
  • Add topic to favorites

  My social media icons appearance has changed and I didn’t do anything to the CSS.

  The widgets previously did not have the white box around them. Is there a way to remove the white box?

  The CSS that help/support provided me was the following in order to get the icons to the top right of my site where they are located now but now the white box is there and I can not figure out where it came from:

  .site {
      position: relative;
  }
  #text-3 {
      position: absolute;
      right: 30px;
      text-align: right;
      top: 65px;
  }
  #text-3 .widget-title {
      display: none;
  }
  
  @media screen and (max-width: 768px) {
      .site-branding {
         max-width: 500px;
      }
      #text-3 {
          top: 90px;
      }
  }
  
  @media screen and (max-width: 630px) {
      #text-3 {
          max-width: 50px;
          top: 10px
      }
  }
  
  @media screen and (max-width: 599px) {
      .site-branding {
          max-width: 400px;
      }
      #text-3 {
          top: 70px;
      }
  }
  
  @media screen and (max-width: 450px) {
      .site-branding {
          max-width: 80%;
      }
      #text-3 {
          top: 120px
      }
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 26, 2014 at 8:49 pm

  • Copy link

  Hi, you can take the background of the text 3 widget away by adding background: none; to the main #text-3 rule like this.

  #text-3 {
      position: absolute;
      right: 30px;
      text-align: right;
      top: 65px;
      background: none;
  }