Custom footer needed

  • I am trying to figure out how to add a small image centred on the page width as a footer in penscratch 2. Also I don’t want two grey lines, just one (as is currently). Ideally I would like the image to sit either just below or above the grey line. Is anybody able to help please?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    It’s a bit of a hack, but you can use something like this:

    footer.site-footer:after {
  content: "";
  display: block;
  height: 200px;
  background-image: url(https://i.picsum.photos/id/1025/4951/3301.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 20px;
}

    Replace the image URL with the image you want. Adjust the height value to control how big the image will be. And adjust the margin value to control the distance between the footer line and the image.

    Thread Starter clive57

    (@clive57)

    That’s great, many thanks, I’ll give it ago.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom footer needed’ is closed to new replies.