Changing Style/Background w/ URL Link...

I have installed Sporter for a customer and he would like to change the Background between Red/Brown Grass/Basketball dependent upon content view. i.e., user clicks a basketball related menu and the style/background changes to brown, clicks menu/article related to soccer and it switches to red/grass.

Does anyone know if this is possible?

Thanks in advance...

See template settings > features > Suffixes for pages.

Example usage;
Lets say following menus and their menu ids ( see end of menu item for menu ids )
Football - menu id 110 ( we want background1 for this menu )
Hockey - menu id 132 ( We want background2 for this menu )

Lets say following is our default image code for sporter template.

Code: Select all

body > .bg {background: url("../images/style1/bg_image.jpg") no-repeat scroll center 0 transparent;}


So in Suffixes for pages you would enter following format is {Menuid - suffix}
110
background1

Then for second menu
132
background2

Then in override.css ( templates/gktemplatename/css/override.css ) add below css and enable it in template settings > advanced settings > css override "on".

Code: Select all

/* Background1 suffix background override */
.background1  > .bg { background: url("../images/style1/bg_image1.jpg") no-repeat scroll center 0 transparent;}
/* Background2 suffix background override */
.background2  > .bg { background: url("../images/style1/bg_image2.jpg") no-repeat scroll center 0 transparent;}


See you around...