Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 30, 2016 at 1:37 am #679222
    hingex

    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 ?

    August 30, 2016 at 7:18 am #679275
    hingex

    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.

    September 1, 2016 at 6:10 am #680479
    Rikard

    Hi,

    You have a negative margin on the containing element causing that, please remove it: 

    margin-bottom: -90px;

    Best regards,
    Rikard

    September 2, 2016 at 6:21 am #681126
    hingex

    Okay the reason I had the negative margin is so that the other non background footer image would appear centered. See links

    September 3, 2016 at 7:40 am #681556
    Rikard

    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,
    Rikard

    September 4, 2016 at 2:01 am #681717
    hingex

    Sorry but where do you see this -90px. What part exactly

    September 5, 2016 at 6:17 am #681940
    Rikard

    Hi,

    On the surrounding element for the image, but it seems like you have removed it now.

    Regards,
    Rikard

    September 9, 2016 at 12:35 am #683936
    hingex

    Reference 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.

    September 14, 2016 at 1:49 pm #686343
    Andy

    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,
    Andy

    September 16, 2016 at 5:05 am #687196
    hingex

    Andy,
    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.

    September 16, 2016 at 12:11 pm #687430
    Andy

    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

    October 22, 2016 at 3:09 am #702710
    hingex

    Okay thank you

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘footer image’ is closed to new replies.