Backround size and slide

Super nifty article about full screen backgrounds by Chris Coyier: https://css-tricks.com/perfect-full-page-background-image/

It’s not necessarily about the image size, but positioning it properly. For example, if you were to stick with the bg image you currently have, you could change background-position: top left; to background-position: top right; and change the background colour to be white rather than black; or just add background-size: cover + applicable prefixes (as shown in the article linked above)

Hope that helps!

Thanks

Thank you for the article it worked allmost prefectly.
The backround now looks great, except for a little detail on the top of the page (check it out: serecrea.com).

Can you help me with this?

The little bar along the top? It’s actually part of the .page-wrapper

.page-wrapper:before {
    background: none;
}

or background: invisible;

Let me know if that helps, or if I wasn’t looking at the right thing haha

Yes, I do refer to the little bar along the top.

I allredy tried with this code;

.page-wrapper:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  height: 6px;
  background: invisible;

doesn’t works ??

I just took a look and it looks like you were able to get it working, cheers!

Side note: not sure if I just didn’t really notice before or what but you might want to use a child theme or custom css plugin to make your changes so you won’t lose them when the theme updates ??