Background image for Revolution Pro

[Bart van Maanen]

Hi all,
I a trying to get an background image for all pages in Revolution Pro. I tried the css method. Something like this:

background-image: url("images/patroon.png"); 
    position: center center; 
    background-size: auto; 
    background-repeat: no-repeat; 
    background-attachment: fixed;

Didn't work.

Then I tried with the code from WordPress and added it to the Customizer:

add_theme_support( 'custom-background' );

$defaults = array(
    'default-color'          => '',
    'default-image'          => '',
    'default-repeat'         => 'repeat',
    'default-position-x'     => 'left',
        'default-position-y'     => 'top',
        'default-size'           => 'auto',
    'default-attachment'     => 'scroll',
    'wp-head-callback'       => '_custom_background_cb',
    'admin-head-callback'    => '',
    'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $defaults );

That did not work either. The picture (png) shows up in the Customizer, but not on the front end.

So, what do you think could fix it? The site is not live, so I can't provide a link.

Thanks for any help, Bart

[Brad Dalton]

What class did you use for the CSS method?

You should also be able to use the customizer.

---

Tutorials for StudioPress Themes.

[Bart van Maanen]

Hi Brad,
I used body class.

[Brad Dalton]

What's the full CSS rule you used?

---

Tutorials for StudioPress Themes.

[Bart van Maanen]

For a start I took this code from WPBeginner:

body { 
background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 
background-position: center center; 
background-size: cover; 
background-repeat: no-repeat; 
background-attachment: fixed;
}

And turned it into this for the Revolution css:

body {
	/* background-color: #fff; */
	background-image: url("https://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 
	background-position: center center; 
	background-size: auto; 
	background-repeat: no-repeat; 
	background-attachment: fixed;
	color: #000;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.675;
	margin: 0;
	overflow-x: hidden;
}

Does that help? cover didn't seem to work either,so I tried auto. (Could testing another image help? Allthough it shows up in the Customizer. Probably not.)

Thanks, Brad

[techiesourav]

i am very much impressed with the bart van i was also stuck something between these

---

My top pick tech career review of the month

[Author]

Posts