Home/ Questions/Q 7016079
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T22:44:15+00:00

I have a website developed in Joomla 1.7. I want to keep background Image

  • 0

I have a website developed in Joomla 1.7. I want to keep background Image only at home page not on other pages.

code is like this.

HTML

<body>
 <div id="wrapper">
  all content goes here
 </div>
</body>

CSS

body{margin:0px; padding:0px;}

#wrapper{background:url(../images/bg-img.jpg) repeat-x;}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As Purmou mentioned, none of these methods will work because Joomla uses the same index.php from the template so every page on the site will include the CSS class or ID if you code it in there.

    Lucky for you, Joomla took this in to account and you can easily do what you are trying to do with a simple mod to your template. Joomla uses what is called the page class suffix to allow you to make page specific CSS. Any time you create a menu item, you have an option to include a page class suffix which will only be added to pages within that menu item. In order to put that suffix in the body tag so you can achieve what you are trying to do, add this code to your index.php in your template:

    <?php
$app = JFactory::getApplication('site');
$params =  & $app->getParams('com_content');
$pageclass = trim($params->get('pageclass_sfx'));
?>
<body id="<?php echo $pageclass ? $pageclass : 'default'; ?>">

    If you add a page class suffix to a menu item, it will be inserted as the body tag ID. If you don’t it will use “default” instead. This way you can control the ID of the body on a per page basis and male changes specific to every page on the site.

    • 0