How can I add a widget at the bottom of the page in the pen scratch theme (rather than just a sideba

• 

  harperbondevents · Member · May 3, 2015 at 7:58 pm

  • Copy link
  • Add topic to favorites

  I have a badge I would like to post at the bottom center of my webpage. I have the link and I was able to put it into the text widget and see it on my page, but it doesn’t let me put it anywhere except on the right side top. I just want it at the bottom instead because in it’s current location, it really disrupts the view of my page

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

• 

  lizthefair · Member · May 3, 2015 at 10:06 pm

  • Copy link

  In order to put the badge in your footer, you’d need to have space in your footer for widgets, and your current theme doesn’t allow that. Are you very attached to your current theme, or are you open to trying something new?

• 

  harperbondevents · Member · May 3, 2015 at 11:52 pm

  • Copy link

  I am pretty attached. Is there any other option? Or are there any very similar themes that do have footers?

• 

  lizthefair · Member · May 4, 2015 at 2:23 pm

  • Copy link

  The other option is to add the badge as a background image to your footer. The code below adds the image, increases the height of your footer and centers the image.

  .site-footer{
  	background: url('https://www.wedding.com/badge.php?u=YToyOntzOjM6InVpZCI7czo2OiIzNjIzMTQiO3M6MjoiZnIiO3M6MTg6InByZWZlcnJlZF9hZmZsaWF0ZSI7fQ%3D%3D')no-repeat;
  	height: 250px;
  	 background-position: center;
  }

  I don’t know of a way to add a link to that image using CSS.

  As for similar themes, I’m not sure they are similar enough, but you might consider one of these:
  https://theme.wordpress.com/themes/kelly/
  https://theme.wordpress.com/themes/manifest/