background image fits screen size

[pierluigi vicelli]

hi Bill,
i would like know if there is an option for the background image to let it fit the screen, or if it is possible to know which is the file to edit.
Thanks.

Pier

[Bill Robbins]

Hi Pier,

Excellent question. You can have the background image completely fill the background area. Here’s how to do that:

;

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   body {
   	background-size: cover !important;
   }
   

3. Update your settings.

That should cause the background image to fit the entire background for you. Let me know if you run into any trouble or questions.

Have a great week,
Bill

[pierluigi vicelli]

Hi Bill,
Thank you. That worked perfectly.

Is that possible to define a directory that includes more images on the background that do not change randomly but if I refresh the page the image changes?
I hope I did explain myself in a proper way.
Have a great day!

Pier

[Bill Robbins]

Hi Pier,

Great follow up question. Probably the best option would be to use a plugin for that like https://wordpress.org/plugins/background-manager/ . Just to be upfront, I haven’t tried that plugin, but if it works as advertised, it should do the trick.

One thing you’ll want to do if you try the plugin is remove the background from the theme options page. That way it doesn’t override what the plugin is attempting to do.

Take care,
Bill

[Author]

Posts