Watermark

• 

  onyx2018 · Member · Jul 19, 2014 at 11:26 pm

  • Copy link
  • Add topic to favorites

  I use the tonal theme. How can I place a logo / watermark thats translucent behind my pages?

• 

  thesacredpath · Member · Jul 21, 2014 at 4:26 pm

  • Copy link

  Hi, you can create a transparent PNG image that we can then place in #page. You would want to create the watermark and then when saving the image, make sure that transparency is turned on for the background of that image. The following would be the basic code. I’ve centered the image within the #page div, and kept the same background color (dark grey) but we can work on getting it all the way you want it after you have the image on the site.

  Upload the image to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image.

  #page {
  background: url("URL_OF_IMAGE") no-repeat scroll center center #191919;
  }