0

Is it possible to create a background in SharePoint 2013 but not have it show up as a psuedo-transparent/watermark style background? I have an image that I'd like to use that have rich colors, but when I try to use it, the background image is almost transparent.

Appreciate any help you can provide!!

Improve this question
1
  • I hope it works for you.. If not than please share it here so i can help you on it more.
    – Hardik
    Commented May 31, 2016 at 19:13

1 Answer 1

Reset to default
1

You can add the background image using below mentioned CSS.

body.ms-backgroundImage {
   background: url(insert image file here) !important;
}

To remove the transparency from the background image you can use below mentioned CSS

.ms-core-overlay {
   /* [ReplaceColor(themeColor:"BackgroundOverlay")] */ background-color:rgba( 255,255,255,1 ) !important;
}

You can get the proper instructions from below given URL.

Site background – Class: ms-backgroundImage

Improve this answer
10
  • Please check this as well...paulryan.com.au/2015/…
    – Hardik
    Commented May 31, 2016 at 18:34
  • Thank you! Is it dumb to ask where I would insert that CSS language? Just in a content editor web part?
    – Erin A
    Commented May 31, 2016 at 18:34
  • If you want it for a specific page then YES but if you want it for entire site than you need to add it to master page (add to css file & reference it to master page).
    – Hardik
    Commented May 31, 2016 at 18:35
  • I added added the following to a content editor web part under "edit source": body.ms-backgroundImage { background: url(PLACED LINK HERE); } .ms-core-overlay { /* [ReplaceColor(themeColor:"BackgroundOverlay")] */ background-color:rgba( 255,255,255,1 ); } Nothing happened. I am fairly new to the CSS game. Any thoughts?
    – Erin A
    Commented May 31, 2016 at 18:41
  • so for that page it will work for you. Please don't forget to put !important after CSS attribute.
    – Hardik
    Commented May 31, 2016 at 18:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.