Support » Fixing WordPress » Make Background Picture FULL Screen!

  • Hey all – I am using WordPress that I got from my Godaddy hosting page.

    I have the site where I want it (I think!) – except for one thing.

    The background picture.

    When I looked at the template I chose for this site, it had a large picture in the background that the web site scrolled along.

    So I downloaded a big Circuit Board picture, and thought it would be enough to fill the background.

    Instead, its 2 inches big, and tiled 1000 times… it looks sloppy and distracting!

    If I take off tiling on the appearance customization – I get just one 2 inch pic in the top left.

    Please tell me this is fixable – and thanks for any and all suggestions!

Viewing 15 replies - 1 through 15 (of 30 total)
  • This question would be better asked in the support section for your particular theme. What theme are you using btw?

    Thread Starter LordX

    (@lordx)

    I am such an ultra noob – I dont even know. Where can I look to find that?

    Or can you tell from my actual web page?

    Thread Starter LordX

    (@lordx)

    Cyberchimp?

    Don’t worry. We all start from the basics 😉

    Cyberchips sounds like the name of the company, but maybe not be the name of the exact theme you are using.

    If you look in the WordPress Dashboard >> Appearance >> Themes you will see the themes that are installed on your site. There may be more than one, but only one of them will read Active: [The name of your theme] .

    Thread Starter LordX

    (@lordx)

    Go Daddy Cleanio

    Is that a premium (paid for) theme? I can’t tell. There are some support posts here that may help. What is the url of your site?

    Thread Starter LordX

    (@lordx)

    I see. As this theme is not hosted here at http://www.wordpress.org/themes/ there is no support forum for you to reach out to for users who are familiar with that theme and its customizer settings.

    Is it possible for you to adjust the customizer settings so there is just one image in the top left corner?

    OK. If you can set that background image to just a single image rather than tiling, then insert the following code into the style.css file of your child theme, or if you are not using a child theme then use a custom code plugin such as simple custom css to add the code (don’t forget to backup files before making any changes):

    body.custom-background {
        background-position: center center;
        background-size: 110% auto;
    }

    The alternative would be to use a plugin such as: https://wordpress.org/plugins/simple-full-screen-background-image/

    Thread Starter LordX

    (@lordx)

    Here is a screen grab of the options I have.

    Yes I can make it just one image – but then its just ONE super small 2 inch pic in the top left.

    http://www.aaa-computerrepair.com/zip/editoptions.jpg

    I understand. You have two options:

    1. Set the Customizer to No Repeat / Center / Fixed – this will give you one small image. Then you can follow the instructions in Comment#10 above to use css rules to make the image stretch to the screen edges. I have tried it here using Firebug (an addon for Firefox) and it is just what you are looking for.

    2. Remove the image from the Customizer, install the full screen background image plugin, and use this plugin and your image to fill the background area.

    Let me know how you get on.

    Thread Starter LordX

    (@lordx)

    Ok I will try this evening with option 2.

    Never installed plugins yet – so I hope it is easy and intuitive to find the plugin after it is installed.

    Thanks again by the way for your continued help on this issue!

    Great. You’ll find installing the plugin straightforward – just search for it in the WordPress Dashboard >> Plugins >> Add new. Then install, activate and follow the instructions in the plugin area or on the plugin homepage I linked to.

    Thread Starter LordX

    (@lordx)

    Hey it worked! I have some other minor things to work out – but I will create a separate thread for them. Thanks again so much for your help!

Viewing 15 replies - 1 through 15 (of 30 total)
  • The topic ‘Make Background Picture FULL Screen!’ is closed to new replies.