Solved

Adding icon to website footer

Posted on 2014-10-13
10
158 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Database Solutions Engineer FAQs

In this series, we will discuss common questions received as a database Solutions Engineer at Percona. In this role, we speak with a wide array of MySQL and MongoDB users responsible for both extremely large and complex environments to smaller single-server environments.

 
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

WordPress Tutorial 4: Recommended Plugins

Now that you have WordPress installed, understand the interface, and know how to install new parts, let’s take a look at our recommended plugins.

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
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…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

622 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