how to make only footer image full screen width

  • I am trying to make the image at the bottom of my page the whole width of the screen.

    Currently it is only within the page width and when i make it bigger it gets cut off.

    I’ve tried looking around for various bits of CSS or changes to my theme’s child footer.php but nothing is working.

    Any help would be massively appreciated.

    Website is littlebearcakery.com

Viewing 1 replies (of 1 total)

  • You will need to edit your footer.php file (or the file where you inserted this image). The html for your image needs to be moved down to the line above this <div id=”cboxOverlay” style=”display: none;”></div>

    The current width is limited by the <div> tag that the image is inside of and by moving it outside of the tag (after the </div> tag) it removes this limit.

    You can then delete your width modification or change it to 100% so that it fills the screen as you desire.

Viewing 1 replies (of 1 total)
  • The topic ‘how to make only footer image full screen width’ is closed to new replies.