Solved

Adding icon to website footer

Posted on 2014-10-13
10
154 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
ID: 40377320
Link?
0
 
LVL 1

Author Comment

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

Expert Comment

by:Gary
ID: 40377364
We need a link, cannot tell anything from a few line of code.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 5

Expert Comment

by:Bob Bender
ID: 40377369
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
ID: 40377429
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
 
LVL 5

Assisted Solution

by:Bob Bender
Bob Bender earned 100 total points
ID: 40377479
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
ID: 40377511
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
ID: 40379493
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
ID: 40389786
Found my own solution. Thanks to Bob for assisting.
0
 
LVL 5

Expert Comment

by:Bob Bender
ID: 40392034
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

763 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