Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Adding icon to website footer

Posted on 2014-10-13
10
Medium Priority
?
166 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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 400 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

876 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