-
Posts
-
I applied an image to appear at the bottom of the footer. The image is supposed to appear at the top but it disappears underneath the footer. How can I correct this ? See link and example below .
Secondly, what is best practice here ? Should I apply the solution to each page for the website or can the footer be managed centrally somehow ?
My image is 1200 by 479 but the code that I am currently using is
#footer .widget {
text-align: center;
height: 370px;
}It seemingly looks ok but the sizing does not match so please advise on this. Also the image does not responsively resize.
Hi,
You have a negative margin on the containing element causing that, please remove it:
margin-bottom: -90px;Best regards,
RikardOkay the reason I had the negative margin is so that the other non background footer image would appear centered. See links
Hi,
Ok, it seems like the element becomes hidden though. You could try to add a higher z-index value to the element:
z-index:10000 !important;Thanks,
RikardHi,
On the surrounding element for the image, but it seems like you have removed it now.
Regards,
RikardReference the link and check out the footer. The reason I had -90 is because, for some reason, the image is extending and causing those two horizontal lines. If I do -90, one of the lines disappears. So how do I fix this without doing the -90 which is a hack fix.
Hi,
not sure what you want to achieve. Your footer background image looks fine to me. Could you fix it already? if not would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
AndyAndy,
I asked this question on August 30th. All the information is on this page but i have since moved links so I will try one more time.
See links in the private section.Hi,
on both links there is already the same background image inserted, so it seems to you could fix it. Unfortunately there is no theme option to achieve this appearance of your logo on the footer. This would require custom work. Maybe you can achieve it when using Footer Widgets, or maybe when implementing your logo inside a socket which gets displayed over your footer.
Best regards,
Andy
- The topic ‘footer image’ is closed to new replies.