Change Background image in about area of Modern Portfolio

[brianspahr]

Hi. Any help would be appreciated. I would like to add a background image to the ABOUT widget area of the homepage in Modern Portfolio, but can't seem to find how to do it.

Looking to do something similar to http://www.scaryclose.com

Thanks your help!

[CleanPageDom]

Hi there

The code in the Scary Close site looks like this:

#about {
  background-image: url('http://scaryclose.com/wp-content/uploads/2015/02/opt-in.jpg');
  background-size: 900px 257px;
  padding: 8rem 0 3.6rem !important;
}

So, prepare your background image, upload it either into themes/THEMENAME/images (via ftp) or into the Media Library, then set your css to:

#about {
background-image: url('http://filename/path') <strong>OR</strong> url(images/filname.ext);
background-size: EXPERIMENT;
}

You could also follow this guide from CSS Tricks and set it to:

#about {
background-image: url(images/filename.ext) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Thanks
Dom

---

Let’s build a website together…

[Author]

Posts