• Guys.

    I am having a go at making my own WP theme for a site i am building. I have a fully working WP install

    I am using Dreamweaver CS5 and please tell me if there is something better.

    I have created a index.php and also a style.css

    Now my index.php is not doing anything crazy right now. I have created a .php page in dreamweaver and then assigned a background image. I have put the CSS code as follows in the .css file

    body {
    background-color: #FFF;
    background-image: url(images/ButchersBlock.png);
    }

    Now if i just open index.php in firefox then i see the background image. But when i use it with WordPress i see nothing but a white screen.

    I am sure i am doing something silly. can anyone help?

    Thanks in advance

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    Make sure that your image directory is in the right place. For the wordpress theme it should be in the same directory which should be something like

    example.com/wp-content/themes/mytheme/
    this is where your “index.php” and “style.css” should be.

    then
    example.com/wp-content/themes/mytheme/images/
    which is where the “ButchersBlock.png” should be.

    Hope this helps.

    Thread Starter WallaceTech

    (@wallacetech)

    Thanks mate. Ok so using the following allows my background to show when i load the page.

    example.com/wp-content/themes/mytheme/images/

    I am abit confused. When i look at other templates and the .css files they all seem to use

    (images/IMAGE NAME HERE)

    Any ideas?

    Yes, that’s all you should have to use. If your image is located there but isn’t showing up with (images/IMAGE NAME HERE) try it like (./images/IMAGE NAME HERE)

    Hope this helps.

    Thread Starter WallaceTech

    (@wallacetech)

    Yep tried that and it removes the image again.

    I am running multiple sites on WP could this be why i need to use the full URL?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Index Page CSS’ is closed to new replies.