Jump to content

home page image


ghrimmjaw

Recommended Posts

Hello please i need help on this issue. i used my sites CSS file to change an image that is displayed on my site's home page. it's a drupal site. But i want this image only to be displayed on my home page, currently it's displayed on every page. My CSS content edited is what i have shown below:

#featured {

 

position: relative;

 

height: 155px;

 

background: url(images/PingAfrica.jpg) no-repeat;

 

background-position: 35px 55%;

 

}

i was hoping the inclusion of the no- repeat line would stop that, but it doesn't and the image is displayed on every page on the site. i only want it on the front page!....

Thanks!....

Link to comment
Share on other sites

"no-repeat" means that the background image doesn't repeat horizontally or vertically -- it doesn't stop it from displaying on mulitple pages.

 

I'm not sure if you can do this, since I can't see your code and I'm not sure if it is easy to do this with Drupal... However, if you assign the body tag of your home page an id value:

 

 

then you can reference it like this

 

#home #featured {}

 

and the image will only appear on the home page.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...