setting backkground on single page on wordpress

Hi Guys,

i am trying to set the background on a page using a plugin called Royal CSS and i have added this line in

background: url(http://zbm.com.au/wp-content/uploads/2017/03/HPTO.jpg) no-repeat;

the page is http://zbm.com.au/dentist1 but it just wont change...

LVL 1

Jonathan DuaneAsked: 2017-04-04

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

Experts Exchange Solution brought to you by

Enjoy your complimentary solution view.

Get every solution instantly with Premium. Start your 7-day free trial.

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 12

Gregory MillerGeneral ManagerCommented: 2017-04-04

In your "style.css" you have this code which is setting the page background of the URL you provided:

body {
    -moz-text-size-adjust: none;
    background: rgba(0, 0, 0, 0) url("http://zbm.com.au/wp-content/uploads/2016/07/zoobg.jpg") no-repeat scroll 0 0 / cover ;
    color: #000;
    font-family: "proxima_novalight",Arial,sans-serif;
    font-size: 19px;
    line-height: 24px;
    overflow-x: hidden;
}

Open in new window

I know nothing about the plugin you are trying to use but you should be able to simply modify your CSS in the "style.css" file and be done.

LVL 1

Jonathan DuaneAuthor Commented: 2017-04-04

yes but will not that set the background for the whole site, i only neewd/want it for one page

LVL 25

James RodgersWeb Applications DeveloperCommented: 2017-04-05

ok, not sure what has been don to the theme but the body tag SHOULD have classes to identify the page

as in

<body class="home page page-id-242 page-template-default">

Open in new window

or in you case

<body class="page page-id-999 dentist1">

Open in new window

or similar which would allow you to target that page

or you can add something like this to the functions.php (not tested)

function add_local_css() {
	if ( is_page('dentist1') ){
		wp_enqueue_style('theme_name', get_bloginfo('template_directory').'/dentist1.css', null, '', 'screen, projection');
	}
}
add_action('wp_head', 'add_local_css', 25);

Open in new window

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial

LVL 9

Alicia St RoseOwner & Principle Developer/DesignerCommented: 2017-04-05

Please make sure you are using the CSS area in the Customizer for this or that you are on a child-theme. If you just edit the theme files your changes will be overwritten when the theme is updated!