Home/ Questions/Q 3794938
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T13:00:25+00:00

I have a ‘Core.css’ which defines a page background image, along with the theme,

  • 0

I have a ‘Core.css’ which defines a page background image, along with the theme, for the site. But for a specific page I want to change just the background. Any suggestions on how this can be achieved in a separate CSS file?

The HTML for the page is:

<head>
    <link rel="stylesheet" type="text/css" href="core.css" />
    <link rel="stylesheet" type="text/css" href="index.css" />

And core.css defines: 

body
{
        background-image: url('bg.png');
}

While index.css defines:

body
{
    background-image:('homeBg.png');
}

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    background defined later should replace the previous ones. So if you have:

    Site1.css which has:

    .img {
    background: ...
}

    Site2.css which has:

    .img {
    background: ...
}

    then Site2.css .img would replace .img within Site1.css if Site2.css is included after Site1.css on your page.

    UPDATE: I’m not sure why the body tag is not being replaced correctly. Could you try to give it a class or id, and use that instead of body?

    e.g. 

    <body id="backgroundTest">

    And then in the css files you would do #backgroundTest { background-image... }

    And just in case, could you check if homeBg.png exists and index.css. http://yourpage.com/homeBg.png and http://yourpage.com/index.css should both exist.

    • 0