Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 4, 2016 at 7:19 pm #627451
    advteksol

    I am trying to center a logo half way above my footer like this:

    View post on imgur.com

    I have used some code for the Quick CSS found in the support forum:

    #footer {
    background-image: url(http://http://xyz.comf/wp-content/uploads/2016/05/ASF_30AnnivLogo_color.png);
    background-repeat: no-repeat;
    background-position: 25% -25%;
    }
    #footer .container {
    margin-top: 150px;
    }

    The image shows the bottom half in the footer, but the top half is cut off like this:

    View post on imgur.com

    How can I correct this? Or is there a better way to do this?

    Thanks in advance.

    May 5, 2016 at 6:58 am #627647
    Jordan

    Hey advteksol,

    Thanks for getting in touch with us!

    Could you please provide a link to your site, so that we can help you further with CSS code for the footer logo. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    May 5, 2016 at 3:42 pm #627872
    advteksol

    Requested information.

    May 5, 2016 at 3:54 pm #627878
    Yigit

    Hi!

    I added your image using image shortcode in first footer column widget area and then added following code to Quick CSS 

    #footer #text-9 {
    position: absolute;
    top: -45%;
    left: -60%;
}

    Please review your website now

    Regards,
    Yigit

    May 5, 2016 at 7:20 pm #627951
    advteksol

    Yes, that works, thank you. You guys are awesome!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Offset Footer Logo is Cut Off’ is closed to new replies.