Hi,
I’m using the boxed layout and have spent hours trying to get the image to stretch correctly.
I’m in General Styling > Body background > Background Image and no matter what image I upload it either doesn’t stretch to fit or comes out blurred.
I then used this piece of CSS to sort it and it worked fine until I reset the theme settings and now it isn’t displaying properly.
html {
background: url(https://ridelines.digitalessence.net/wp-content/uploads/2015/02/background_013.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Can you advise what the correct or preferred background image is for this theme?
Thanks.
Hey DigitalEssence!
As far as I can tell it looks fine on my end. It’s stretching to fit the whole screen.
Can you take a screenshot and highlight how your trying to display it?
Cheers!
Elliott
Hi Elliott,
Here is the background image when set using General Settings > Background Image
Screenshot: http://screencast.com/t/9vYoK1uhD
Position of the image: Bottom Right
Repeat: Stretch Fullscreen
Here is the same background image when set using CSS
http://screencast.com/t/VBwymyfvYg
The image is 1400x 1141 and at: http://ridelines.digitalessence.net/wp-content/uploads/2015/02/background_015.jpg
No matter what I fiddle with, the Enfold background image settings always display blurred.