Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #390268

    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.

    #390460

    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

    #390806

    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.

    #391381

    Hi!

    When you upload the image as background, make sure to select the “Full Size” thumbnail size. If you can give us a link to the actual page, that would be great.

    Regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.