how can i Introduce a logo in footer?

• 

  cosmoscenery · Member · Jun 11, 2015 at 2:21 pm

  • Copy link
  • Add topic to favorites

  I anyone could help me?
  thanks
  Suzana

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

• 

  staff-happychia · Staff · Jun 12, 2015 at 8:46 am

  • Copy link

  Which logo would you like to add to your footer and where exactly in the footer?

  You can do something like:

  .site-info:before {
      display:block;
      content: url('https://chaittestpress.files.wordpress.com/2015/03/final-logo-e1427540524769.png');
  }

• 

  cosmoscenery · Member · Jun 12, 2015 at 9:21 am

  • Copy link

  — 403: Access Denied

  :-(

• 

  staff-happychia · Staff · Jun 15, 2015 at 8:33 am

  • Copy link

  That is because it is my file; although I expect it should be accessible.

  Could you upload your logo to your media library and replace its url in the above CSS.

  You will find your image url in the Attachment Details screen: https://en.support.wordpress.com/images/image-settings/#from-media-library

• 

  alantitone · Member · Jun 19, 2015 at 2:40 am

  • Copy link

  This worked for me is there a way to center it?

• 

  staff-happychia · Staff · Jun 19, 2015 at 7:50 am

  • Copy link

  @alantitone

  Try this CSS:

  .site-info:before {
      display: block;
      content: url('https://alantitone.files.wordpress.com/2015/06/cropped-kaizen-partners-logo1.jpg');
      width: 0px;
      margin: 0 auto;
  }

• 

  kathrynwp · Staff · Jun 22, 2015 at 3:28 pm

  • Copy link

  Hi Suzana – let us know if you’re all set with chaitanyamsv’s help. Thanks!

• 

  cosmoscenery · Member · Jun 22, 2015 at 3:40 pm

  • Copy link

  No…
  i have already the picture in the library is name : logos ccdrn1
  but i don’t know how i can put in the footer of my website :-(
  Could you help me?
  Thank you
  Suzana

• 

  kathrynwp · Staff · Jun 22, 2015 at 4:43 pm

  • Copy link

  Something like this should do the trick, except that you’ll probably want to first shrink the image in a graphics program first:

  .site-info:before {
       content: url("https://cosmoscenery.files.wordpress.com/2015/06/logos-ccdrn2.jpg");
       display: block;
  }

• 

  cosmoscenery · Member · Jun 22, 2015 at 4:48 pm

  • Copy link

  i’m not following you…

• 

  kathrynwp · Staff · Jun 22, 2015 at 4:58 pm

  • Copy link

  The image file you created is too wide to fit in your theme, at 2496px wide. I suggest making it smaller in a graphics program first – 1092px wide is the maximum width in this theme – and then re-uploading it. After you do, you’ll need to adjust the file path in the CSS below.