Customise Footer Content

• 

  isabelashdown · Member · Dec 28, 2017 at 6:27 pm

  • Copy link
  • Add topic to favorites

  Is there a way to use CSS to customise my footer content? I’d like to:

  Add a line sentence next to the WP logo – eg ‘Author Photographs by XXX’
  Increase the size of the Social Media Icons
  Play around with the colour of the Social Media Icons
  Reduce the padding around the icons, to streamline that area.

  Any advice gratefully received :)

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

• 

  thesacredpath · Member · Dec 28, 2017 at 7:46 pm

  • Copy link

  Hi there, add the following to your custom CSS. The first rule adds the text after the WordPress logo. The second rule controls the color of the round grey area for the social icons, and also the size. Set the line height, min-height and min-width to the same values. The third rule controls the font size of the icons within the grey circles.

  .site-info:after {
    content: " Author Photographs by XXX";
  }
  .social-icons li a {
      background: rgba(0,0,0,.06);
      color: #999;
      line-height: 36px;
      min-height: 36px;
      min-width: 36px;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -khtml-border-radius: 50%;
      -webkit-border-radius: 50%;
  }
  .social-icons li a::before {
    font-size: 16px;
  }

• 

  isabelashdown · Member · Dec 28, 2017 at 7:57 pm

  • Copy link

  Wonderful! Thanks yet again thesacredpath :)

• 

  thesacredpath · Member · Dec 28, 2017 at 11:14 pm

  • Copy link

  You are welcome.