Change CSS logo image depending on Menu ID

**GK User** Fri Apr 12, 2013 7:48 am

Hi:

I need change the template background and logo acording Menu ID selected.
i know to change the background
i know how to create suffixe with the id of my menu, i know how to edit my overide.css

for exemple in the override.css

For my home page
.home_bg {background: url(".../images/fond_normal.jpg") no-repeat ; }
for my forum
.forum_bg {background: url(".../images/fond_wow bordure 3.jpg") no-repeat ; }

if i put the code :
h1#gkLogo a.cssLogo {background: url('.../images/betatest_v2.png') no-repeat ; height: 90px; width: 249px; }
the logo is on all page

i need different logo and background for all different menu

Please, where I can or What can I do? for any solution?

Of before hand, very thanks.

**Konrad M** Fri Apr 12, 2013 12:22 pm

Hi,
can you give us url to your site? Without url I can't help you.

**GK User** Mon Apr 15, 2013 5:37 am

Yes off course

our website is : www.betatest.tv
I have find a good plug in for background : HD-Background Selector
but now i need to find solution to have differente logo with different menu

Thank a lot for your help

**Konrad M** Mon Apr 15, 2013 11:24 am

If you go to template settings, you will find 'Suffix for pages' option in 'Features' template. It allows you to add suffix to <body> tag for each item from menu. Just you need to provide ID of menu item where you want to add it. So if you add suffix for example ' mysuffix' and then add to override.css

Code: Select all: .mysuffix { background: url("../images/your_image.jpg") top center no-repeat; }

and copy your image to images folder inside template folder, you will get this image as background on page where this item will direct you.

**teitbite** Sun May 12, 2013 9:21 pm

Hi

Please let me know if You still need help with this question.