Change Footer Logo

Change the footer logo…

Change Footer Logo – short transcript of the video tutorial

There are several ways that you can upload your footer logo…or any other image.

  1. Go up to the top toolbar to New>Media.
  2. Go to the left menu and click Media> Add New
  3. Go to your media library and click Add New.

In the media library I clicked Add New> Add Files From My Computer. I navigate to where I saved Pam Bouie’s footer logo and I’m going to double-click it to start the upload. When it’s done, you can see the logo in the media library. I click on it, and that takes me where I can find the URL for the logo image. I triple-click inside that URL field to select the entire URL. I can copy the URL with one of these methods:

  1. Right-Click>Copy
  2. On a Windows computer, CTRL + C
  3. On a Mac, Command + C

Click the X to go back to the Media Library. On the left menu, go to Appearance>Widgets.

Footer 1, Footer 2 and Footer 3 control the footer. The footer logo is in Footer 2.

Expand Footer 2 by clicking on the triangle, and then expand the HTML/Javascript widget.

Highlight from the HTTP all the way to the PNG, in between the two quotation marks. Be sure you leave those quotation marks. To paste the URL for the footer logo I can do one of these with that highlighted area:

  1. Right-Click>Paste
  2. On a Windows computer, CTRL + V
  3. On a Mac, Command + V

For ALT text in place of Jim Bob’s name you can put your name, and I’m going to put Pam Bouie.

For the newer websites I’ve taken out the width and height.

Scroll down and save. It doesn’t take long to save these widgets.

Now, check the logos by viewing the Frontend. Go up to the toolbar and right-click on the name of the site, click Open Link in New Tab. If you already have the Frontend open, click to Refresh the page. Check that the change was made correctly.

43 Comments

  1. Hi Jan
    I followed the directions but there is not a footer code in the section 1,2,or3. Can you help with. I did not a footer on the website at all. Thanks for your help.

    Reply
    • Hi Paula, you had changed the theme. I switched it back. You should be able to do the footer logo now.~~Jan

      Reply
  2. Hi Jan,
    Looks like I made a common mistake and deleted too much of the code for the footer. I tried to go back and revise the home page, but that does not seem to take care of the issue. Can you please add the code back for my footer. Thanks so much!
    Dennis

    Reply
    • Hi Dennis,
      I added the code and put in the URL for your footer logo. Please check it out.
      ~~Jan

      Reply
  3. Jan, when I open Footer Area #2, there is no text to edit, nor am I able to add the footer info. Thoughts

    Reply
    • Thanks for your help Jan!

      Reply
      • You’re welcome, Jon!

        Reply
  4. I followed the tutorial and got my footer at the bottom of the page, but moved to two lines instead of one.

    Reply
    • Greg, your footer logo looks good to me. Maybe you already figured out how to fix it. Let me know if it’s not the way you want it and I’ll look at it again.
      ~~Jan

      Reply
      • Thanks, Jan.
        Apparently I had the screen set to larger than I thought. I reset the view and all is well.

        Reply
        • Great! Glad it’s okay!
          ~~Jan

          Reply
  5. Hi Jan,

    I successfully changed the header, but from reading the comments I believe I had the same problem as some of the others when trying to change the footer and may have accidentally deleted some of the code. Can you help?
    Thanks,
    Loretta

    Reply
    • Hi Loretta,
      I have fixed your footer log.
      ~~Jan

      Reply
        • You’re welcome!

          Reply
  6. Good afternoon Jan, I was able to change the header but not the footer. I shows Beverly Simmons Logo. I don’t know where I went wrong. Let me know what to do. Thanks

    Reply
    • Hi, Stan! You had deleted too much of the code. I pasted the original code back and put in the URL for the footer logo. The footer logo is on the website now. I always suggest that you copy and paste code in a text document or word document before you change it…that way if you need to you can paste the original code back in and try again.

      It also looked like when you uploaded the header logo that you had medium selected instead of full size. That’s easily overlooked. I changed it and the header logo is it’s full size. If you liked it smaller let me know and I’ll change it back.

      Let me know if I help further…~~Jan

      Reply
  7. Hi Jan,

    When I try to save the new content for my footer, the page doesn’t do anything — just sits there like an obedient puppy waiting for me to have him go fetch. Help!

    Reply
    • Hi Craig,

      I have fixed your footer logo…you had deleted some of the code. I always suggest that you copy and paste code in a text document or word document before you change it…that way if you need to you can paste the original code back in and try again.

      I’m not sure if that was your only issue in the footer or if you had tried to adjust the social media, Follow Me, on the right side…which is in the Footer3 widget area. Let me know if you had problems with that part as well.

      ~~Jan

      Reply
  8. Hello!

    I know that this does not reference the above tutorial, but is there a way to edit the words at the bottom of each page? “If there was just one training..” etc.

    Kaytlynn

    Reply
    • Kaytlynn, that area isn’t editable at this time. If I change it, it changes for everyone with a website. Do you have any suggestions as to what it should say that would work for everyone?
      ~~Jan

      Reply
  9. Help! I have managed to erase my code for Footer area 2 to put in my logo. Can you reset the code so I can insert the footer info? The tutorials are awesome, but this is all new to me, so I have made some errors. I couldn’t correct this one. Thanks, Jan, you are awesome!!

    Reply
    • Susan, I’ve pasted the code back in, and put the logo url you were using in the new code. Please take a look at the frontend of your site. Also, do you intend to hide all the social media icons on the right side of the footer? Do you need help with those?

      ~~Jan

      Reply
  10. I guess I did what a lot of others have done. I did not save what i highlighted and I deleted the code. Could you please fix that for me. So sorry. I will save everything I highlight for here on out.

    Reply
    • Merry, it’s fixed. Please check out the frontend of your site. ~~Jan

      Reply
      • Thank you! I sure have been keeping you busy. I appreciate your patience and understanding and your ability to fix all my mistakes even when your tutorials are great and I just don’t get it!

        Reply
  11. Hi Jan, The tutorials are great. I somehow deleted the code in the widget when I went to place my footer. The image is in my media library. Please help, Thanks, Esther

    Reply
    • Esther, I pasted in the original code and used your footer image URL…fixed now. Please check it out on the frontend of your site.

      I always suggest that you copy he code in the widgets and paste in a document on your computer before you make changes. That way if it doesn’t work right, you can paste the original code back in and try again.

      ~~Jan

      Reply
        • Awwww…thanks Esther! And, you’re welcome!

          Reply
  12. Hi, Jan. I think I made an error when deleting parts of the javascript while trying to set the footer. Can this be reset? Somehow I’ve replaced JB’s info with my url. Thanks.

    Reply
    • Hi Carolyn! I went in and replaced your code with the original code. I went ahead and put the url for the footer logo you had uploaded. You had also put the footer logo URL in title section of the widget…I removed that. You’ll now see your footer logo when you look at the frontend of your site.

      I always suggest that you copy he code in the widgets and paste in a document on your computer before you make changes. That way if it doesn’t work right, you can paste the original code back in and try again.

      Let me know if you need more help! ~~Jan

      Reply
  13. Thank you so much, Jan! My social media is all set thanks to your help! I’ll remember to always use your advice to paste into a word document first.
    Vicki Boase

    Reply
  14. Hi Jan,

    Well somehow I managed to delete the footer completely….Jim Bob’s is gone but I am unable to put mine in either. Somehow in the Java script under footer 2 I deleted some part and now have nothing! Help please….thanks these videos are great this is definitely a user problem…thanks Lynsey
    Note: I have changed my email address for the website, but either my gmail or the yahoo will work..

    Reply
    • Hi Lynsey,
      I put the footer 2 widget back and pasted Jim Bob’s code back in it. You can make changes now. I recommend when working in the widget areas, copy and paste what’s inside the widget to a document on your computer. That way if you mess up some way you can paste it back in and start over.

      However, you had deleted the widget…probably accidentally dragged it out of the footer area 2.

      Jan

      Reply
  15. Love, love, love your teaching so far Jan. I just encountered my first issue though. When I click on footer area 2 & expand, I don’t get the text field. I get what appears to be a URL field. I tried copying & pasting the URL directly but it didn’t work. Thoughts? Thanks

    Reply
    • Shawn, I’m glad the tutorials are helpful to you! Thanks! Barney is working on your site right now and I can’t get into your site to help you. As soon as I can get in I will be able to answer your question. ~ Jan

      Reply
  16. Hi, Jan:
    These video tutorials are awesome! Thank you for making it so easy to customize the site. I have one quick question: how do I add a small line of text right below the footer logo in small font to credit the designers of my logo? Thanks in advance for your help!

    Reply
    • Priscilla, Look at your footer section on the frontend. I’ve put an area where you can put text below your footer logo. It will be centered. To edit what I added go to Appearance>Widgets. Open the Footer #2 widget and scroll to the bottom and you’ll see where I added what is appearing on the front end. Edit what is between the paragraph tags.

      Let me know if you need more help.
      Jan

      Reply
  17. Hello, Jan
    I successfully put my header in. When I tried the footer, however, I got through all the steps to the “Appearance – Widgets” step. I have no Widgets option when I click on Appearance. I have only Themes and chronus theme option. You appear to have 7 or 8 different options available. Why don’t I have those same drop downs?
    Thanks,
    Lana

    Reply
    • Lana,

      Thanks for reporting this issue!

      Barney fixed it. Please try again. You may have to refresh your page if you still have it open.

      Jan

      Reply
  18. I am having problems getting my name logo footer to be properly displayed on the bottom of my website. I think the issue is occurring in widgets. Help! thank you.

    Reply
    • Mark,

      Part of the code you had there was src=””. I pasted the footer logo URL between the quotation marks. I also deleted the extra footer logos you had uploaded.

      Please check it out to make sure it looks okay to you!

      Jan

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

If schools were permitted to have just one training, this is the one!

This training will help to raise test scores for your students, decrease discipline challenges, and improve classroom rapport. You will learn how to meet students where they are and lead them where they need to be, capture attention, and promote deeper learning.