Custom Background in Manifest Template

• 

  cenestpasmichelle · Member · Jun 5, 2014 at 2:59 am

  • Copy link
  • Add topic to favorites

  Hi I would like to customize my background in Manifest– can this be done, does anyone know how? I want to use an image of my own, not a default color.

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

• 

  kathrynwp · Staff · Jun 6, 2014 at 5:58 pm

  • Copy link

  While Manifest doesn’t support uploading a custom background image in the Customizer, you can add one with some custom CSS if you like. The exact code will depend on how you want the image to be displayed, but let’s say for the sake of example that it’s a background tile you’d like to repeat.

  1) Upload the background image to your Media Library

  2) Grab the full URL of the image from the Media Library – for example: https://cestnespasmichelle.files.wordpress.com/2014/04/screen-shot-2014-05-14-at-10-37-48-pm.png

  3) Add some CSS in the Customizer, under CSS, replacing my example URL with your real one:

  body {
  	background-image: url('https://cestnespasmichelle.files.wordpress.com/2014/04/screen-shot-2014-05-14-at-10-37-48-pm.png');
  }

  
  More information about backgrounds in CSS.

  Let me know how it goes.

• 

  cenestpasmichelle · Member · Jun 8, 2014 at 7:37 am

  • Copy link

  Thank you so much, this worked perfectly. However, if you don’t mind my asking one more question– I would like my image to be smaller and to tile throughout the page rather than repeat– I’m having trouble figuring out what the syntax is for that.

• 

  vinoddalvi · Member · Jun 8, 2014 at 8:12 am

  • Copy link

  Hi @cenestpasmichelle,

  Thank you for your reply.

  The syntax will be same as displayed in the above reply, you will have to just change URL of the image to the URL pointing to the smaller image.

  body {
      background: url('https://cestnespasmichelle.files.wordpress.com/2014/05/cropped-liv-tyler-shirt.jpg');
  }

  Regards,
  Vinod Dalvi

• 

  kathrynwp · Staff · Jun 9, 2014 at 1:46 pm

  • Copy link

  I would like my image to be smaller

  Just reduce the size of the original image in a graphics program before uploading it and that should do the trick.

  By default, the background will repeat both horizontally and vertically.

  Let us know how it goes.

• 

  cenestpasmichelle · Member · Jun 12, 2014 at 9:29 pm

  • Copy link

  Hi thank you so much- this helps.
  One more question– I would like to remove the date from each post, or change it to where it is not visible in each post of my blog. Is that possible?

• 

  vinoddalvi · Member · Jun 13, 2014 at 4:53 am

  • Copy link

  Hi @cenestpasmichelle,

  You can hide the date from each post by using the following CSS code.

  h5.post-date {
      display: none;
  }

  Regards,
  Vinod Dalvi

• 

  cenestpasmichelle · Member · Jun 13, 2014 at 5:06 am

  • Copy link

  Thank you !

• 

  vinoddalvi · Member · Jun 13, 2014 at 5:11 am

  • Copy link

  You are always welcome here :)