Solved

Adding icon to website footer

Posted on 2014-10-13
10
147 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
 
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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Finding a free PC on campus 6 64
SQL Injected data? 8 114
WEB Farm 6 66
how to build a intranet site 8 18
Before we dive into the marketing strategies involved with creating an effective homepage, it’s crucial that EE members know what a homepage is. In essence, a homepage is the introductory, or default page, of a website that typically highlights the …
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
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.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

864 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

22 Experts available now in Live!

Get 1:1 Help Now