Add html image code to footer

electrofitting · Member · Jul 30, 2014 at 4:32 am
Copy link

Add topic to favorites
Hello I would like to add the following image (html code) into my current footer:

href=”http://www.copyscape.com/plagiarism-tool/”><img class=”aligncenter” title=”Protected by Copyscape Plagiarism Checker – Do not copy content from this page.” src=”http://banners.copyscape.com/images/cs-bk-3d-120×60.gif” alt=”Protected by Copyscape Web Plagiarism Tool” width=”120″ height=”60″ border=”0″

With the following message under it

“Any content duplicated without the written permission of ERS, LLC will be prosecuted.”

Thanks!

The blog I need help with is: (visible only to logged in users)
francisbob · Member · Jul 30, 2014 at 4:59 am
Copy link
Can you convert the image to png then upload the image to your media files and put the link in the code ? It won’t work properly in Firefox if you don’t put it in your media library in PNG. Also, you can’t put a link, only text by CSS.
```
.footer p{
  width:490px;
  margin:0 auto;
}
.footer::before{
  content:url(COPYLINKHERE);
}
.footer p:first-child:before{
  content:"Any content duplicated without the written permission of ERS, LLC will be prosecuted. ";
  color:white;
}
```
electrofitting · Member · Jul 30, 2014 at 5:32 am
Copy link
Question:

If I put insert the image link, what will appear in the footer?

An image or a link to that image?
francisbob · Member · Jul 30, 2014 at 12:49 pm
Copy link
An image!
thesacredpath · Member · Jul 30, 2014 at 2:20 pm
Copy link
If you want a linked image, I would suggest either a text widget or an image widget in the sidebar. You can’t put HTML, like the link code for an image, into the CSS. CSS is a styling and positioning document only.
electrofitting · Member · Jul 30, 2014 at 5:05 pm
Copy link
Hello,

Thanks for the input!

I prefer to have an image in the footer even if it does not have a link.

Now the only issue is that when I see the footer from a mobile device (iphone), the footer text doesn’t seem to be centralized and I can not see the entire message.
eurello · Staff · Jul 31, 2014 at 6:44 pm
Copy link
Hi there,

You have this width properly applied to the footer:
```
.footer p {
	width: 490px;
	margin: 0 auto;
}
```
If you remove that width, it will center on the mobile device.
electrofitting · Member · Jul 31, 2014 at 9:51 pm
Copy link
It worked!

Thanks!

– Rafael

No items found.