Home>Support>Proper display on bigger screens

Proper display on bigger screens

By chrisfit, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi,
my background doesn’t display properly on bigger screens. It adds white to the left and right. How can I change it so my background is displayed no matter what screen size? The responsive layout is enabled.
Thanks in advance,
Chris

URL: http://www.chrisfit.at

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Chris

    Please add the following to Appearance->Custom CSS

    body.custom-background {
    background-size: cover;
}

    Let us know how you get on

    Magus

  2. 9 years, 2 months ago chrisfit

    Hi Magus,

    thanks for answering, but it didn't work, as you can see on the first picture. But it should look like the second one.

    Best regards,
    Chris

    2015-06-22 18:38 GMT+02:00 Magus <
    forum+13941-u16088-0362cb0885cb531a666400b1d157fe93498938c8@siteorigin.com>:

  3. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Chris

    Unfortunately we cannot see embedded images through the forum. Could you please upload the images to your sites media library and link to them from there.

    Thanks

    Magus

  4. 9 years, 2 months ago chrisfit

    Hi Magus,

    ok, that's how it looks: http://www.chrisfit.at/?attachment_id=1295 and that's how it should look like:
    http://www.chrisfit.at/?attachment_id=1297

    Best regards,
    Chris

    2015-06-23 18:04 GMT+02:00 Magus <
    forum+13941-u16088-0362cb0885cb531a666400b1d157fe93498938c8@siteorigin.com>:

  5. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Chris

    The above CSS should allow the background image to fill the screen no matter the size. Would it be possible for you to re-add the snippet provided so I can see if the code is being overridden by any other elements.

    Thanks

    Magus

  6. 9 years, 2 months ago chrisfit

    Hi Magus,

    I did it agian, but it still doesn't work.

    Best regards,
    Chris

    2015-06-24 9:38 GMT+02:00 Magus <
    forum+13941-u16088-0362cb0885cb531a666400b1d157fe93498938c8@siteorigin.com>:

  7. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Chris

    I am still not seeing the added CSS in the page source, can you confirm that you have added the requested CSS to the editor at Appearance->Custom CSS.

    Thanks

    Magus

  8. 9 years, 2 months ago chrisfit

    Hi Magus,

    I might not be able to code, but I think I can copy and paste:
    http://www.chrisfit.at/?attachment_id=1307

    Best regards,
    Chris

  9. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Chris

    There are a few problems with your custom CSS.

    Please amend the entry for #reply-title to this

    #reply-title {
  border-bottom-color: #dd3333;
}

    Then remove everything between that and the new CSS for the body tag.

    The remove actions and the function cannot be placed inside of the CSS editor. These entries should be put into the functions file of a child-theme. You will need to add and activate a child-theme. Please use this plugin to create the child-theme

    https://wordpress.org/plugins/child-theme-configurator/

    There is an option when creating the child theme to copy across parent theme menu’s and widgets. Please only tick this box. Once created please activate the new child-theme and place the removed functions into the functions.php file of the child theme by navigating to Appearance->Editor.

    Magus

  10. 9 years, 2 months ago chrisfit

    I did everything you said and now I can’t log into my admin dashboard and my site is blank!!!! That’s a real problem!!!!

  11. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi @chrisfit

    Sorry to hear about the hassle.

    The white screen can happen really easily when editing a theme’s functions file. Even a single incorrect character will cause the theme to stop loading and the white screen to occur.

    To recover you could do the following:

    Login to your server via FTP or hosting panel File Manager.

    Browse to /wp-content/themes/.

    Copy the /vantage folder to your desktop.

    Copy the /vanage-child folder to your desktop if there is one on the server.

    Store both of these folders some place safe, not on your desktop. They contain your edits and we’ll need them later.

    Download the original theme ZIP here: Private Snippet

    Unzip on your desktop and and upload the ‘vantage’ folder to /wp-content/themes/ overwriting the existing folder.

    If the there is a ‘vantage-child’ folder at /wp-content/themes/ delete it.

    Phew, we should now have access restored. Once that’s all handled we can assist with sorting out your customisations.

  12. 9 years, 2 months ago chrisfit

    Hi Andrew,

    after a few hours chatting with Bluehost it works again.
    I copied the code into the custom CSS and deleted the parts above, but it still doesn't work out.

    Am Donnerstag, 25. Juni 2015 schrieb Andrew Misplon :

  13. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Chris

    There is still an issue with the reply-title entry in your custom CSS that is stopping the remaining elements from being loaded. You currently have this as the entry

    #reply-title
border-bottom-color: #dd3333;
}

    This element is missing it’s opening tag. Please change it to read

    #reply-title {
border-bottom-color: #dd3333;
}

    The page background should then show correctly.

    Magus

  14. 9 years, 2 months ago chrisfit

    Hi Magus,

    That's the problem!!! Now it works! Thank you very much!

    Am Freitag, 26. Juni 2015 schrieb Magus :

  15. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear you made progress. Nicely done.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More