Solved

Adding icon to website footer

Posted on 2014-10-13
10
142 Views
Last Modified: 2014-10-20
Hi all, I'm trying add a 3rd logo to our website footer in wordpress using  the following code.  So 'someimage1' and 'someimage2' are displayed fine.  But for 'someimage3' nothing is shown except a small image box with the actual logo missing - the link is working. I can view the logo in wordpress without any problem and media file uploaded OK.

the code is in appearance\editor\footer

Thanks

<footer class="footer navbar-fixed-bottom">
                  <?php wp_footer(); ?>
                        <div class="block left block1">
                              <div class="img-block left">
                                    <a target="_blank" href="http://some website 1">
                                          <img class="left" src="<?php bloginfo( 'template_url' ); ?>/images/someimage1.png" />
                                    </a>
                                    <a target="_blank" href="http://some website 2">
                                          <img class="left" src="<?php bloginfo( 'template_url' ); ?>/images/someimage2.png" />
                                    </a>
                                    <a target="_blank" href="http://some website 3">
                                          <img class="left" src="<?php bloginfo( 'template_url' ); ?>/images/someimage3.png" />
                                    </a>
                                    <div class="clearfix"></div>
                              </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="block right block2">
0
Comment
Question by:jovonn
  • 5
  • 3
  • 2
10 Comments
 
LVL 58

Expert Comment

by:Gary
Comment Utility
Link?
0
 
LVL 1

Author Comment

by:jovonn
Comment Utility
The weblink opens fine but no logo (sorry not a developer)
0
 
LVL 58

Expert Comment

by:Gary
Comment Utility
We need a link, cannot tell anything from a few line of code.
0
 
LVL 5

Expert Comment

by:Bob Bender
Comment Utility
The little image box means that your image (someimage3.png) not in the Images folder.

IF the file exists in the folder, does your development tool maintain a "solution" file like Visual Studio does.  If the image is not listed there, it will not show on the page (hence the square image icon)
0
 
LVL 1

Author Comment

by:jovonn
Comment Utility
Thanks Bob, I was wondering the same thing - the image has been saved as a png file just like the others in the required dimensions with the rest of the media files in Wordpress. I am able to view the image under the media section. When I switch someimage1 with someimage3 it didn;t work either. So if the code looks right (my biggest query) It's probably the image file. Would it be Ok to insert the location path of the image rather than just someimage3.png as above. I don't have any tools available to check unfortunately.

eg
images/websitename./wp-admin/someimage3.png" />
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 5

Assisted Solution

by:Bob Bender
Bob Bender earned 100 total points
Comment Utility
When I switch someimage1 with someimage3 it didn;t work either. So if the code looks right (my biggest query) It's probably the image file.

In switching them, do you mean that the Image3 changed to Image does not display right (may mean the image is bad),  Or do you mean that the 3rd link (now image one) is still showing the image icon (meaning the code ouwld be bad I think)

Your comment at the end could work, if the image is good.
0
 
LVL 1

Author Comment

by:jovonn
Comment Utility
The links open the websites fine. image1 doesn't get display after switching. Sorry I am unable to show the site. What is the actual code (syntax) for the path method mine was just an example?
0
 
LVL 1

Accepted Solution

by:
jovonn earned 0 total points
Comment Utility
I've used the absolute path and it's working fine..

 <a target="_blank" href="http://some website 3">
                                          <img class="left" src="http://file url of image in wordpress" />
0
 
LVL 1

Author Closing Comment

by:jovonn
Comment Utility
Found my own solution. Thanks to Bob for assisting.
0
 
LVL 5

Expert Comment

by:Bob Bender
Comment Utility
Not a problem, as long as you keep the same server setup.  At my place, we go through a dev, staging, and prod phase.  And the URL changes with each level.   So much fun.
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this article you will learn how to create a free basic website on Bitbucket, a git service provider. Polymer creates dynamic HTML components, which allow more flexibility than static HTML. This tutorial uses Ubuntu Linux but can also be done on W…
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now