Custom Banner

[PSAYRC]

Hi everyone--

I'm trying to get a custom banner to show when a particular category is viewed. The category is named "Track & Field." I'm guessing the ampersand is causing the problems.

Here's my CSS code:
.category_Track_&_Field #my_banner {
width: 750px;
height: 180px;
margin: 0 auto;
background: url(http://psa.smugmug.com/photos/130487312-O.jpg) no-repeat;
}

I've tried leaving the ampersand out of the CSS code, putting in "Track_&_Field", and neither one works. I'm a newbie, so I'm sure there's some easy fix I'm not thinking of. Any help would be appreciated!

psa.smugmug.com

Thanks!

[Barb]

Hi everyone--

I'm trying to get a custom banner to show when a particular category is viewed. The category is named "Track & Field." I'm guessing the ampersand is causing the problems.

Here's my CSS code:
.category_Track_&_Field #my_banner {
width: 750px;
height: 180px;
margin: 0 auto;
background: url(http://psa.smugmug.com/photos/130487312-O.jpg) no-repeat;
}

I've tried leaving the ampersand out of the CSS code, putting in "Track_&_Field", and neither one works. I'm a newbie, so I'm sure there's some easy fix I'm not thinking of. Any help would be appreciated!

psa.smugmug.com

Thanks!

Hi :)

Replace what you have with this:

.category_Track__Field #my_banner {
width: 750px;
height: 180px;
margin: 0 auto;
background: url(http://psa.smugmug.com/photos/130487312-O.jpg) no-repeat;
}

Use underlines for spaces and the ampersand.

[PSAYRC]

Hi :)

Replace what you have with this:

.category_Track__Field #my_banner {
width: 750px;
height: 180px;
margin: 0 auto;
background: url(http://psa.smugmug.com/photos/130487312-O.jpg) no-repeat;
}

Use underlines for spaces and the ampersand.

That did the trick! Thanks very much!