Adding Image to Footer

  • Unknown's avatar
    faunageo · Member ·

    Hi there!

    Using DEMAND theme.
    In the footer area, I managed to enter text and center align it.

    I would also like to add an image and center everything (image and text), how can I do it?

    Many thanks
    R

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, if you have uploaded the image, can you post a link to it so that I can take a look at it? We can do that though, but the particulars depend on the image size and proportions.

  • Unknown's avatar
    faunageo · Member ·

    Hi there!
    Thank you.
    No, I have not managed to insert an image at all.
    The image size will be around 800 x 300 px
    Thank you!
    Ralph

  • Unknown's avatar
    thesacredpath · Member ·

    With an image that large, I would typically suggest adding it as a background image to footer-left div instead of as an added element like the copyright statement. The following adds the image in between your copyright and the WordPress logo, but the thing with this sort of add is that we have nearly no control over things as the window/screen narrows. 

    .footer-left.col-xs-12 p:before {
	content: url('https://asiatravelspecialist.files.wordpress.com/2017/04/bb4.jpeg');
}

    This solution, which you can try in lieu of the above is to add the image as a background image, which we do have more control over for smaller screens. 

    .footer-left.col-xs-12 {
	background: url('https://asiatravelspecialist.files.wordpress.com/2017/04/bb4.jpeg') no-repeat scroll center center / cover;
	min-height: 300px;
}
  • Unknown's avatar
    faunageo · Member ·

    Thank yoou @thesacredpath

    As always, awesome advice and options. The second one is very nice, will definitely take it.

    Best!
    Ralph

  • Unknown's avatar
    thesacredpath · Member ·

    Super, Ralph, and you are welcome.

  • The topic ‘Adding Image to Footer’ is closed to new replies.