Change SVG logo for a particular menu item

**GK User** Thu May 29, 2014 4:09 pm

I want to change the SVG logo for a particular menu item. Can I solve with css and overwrite.css enter in? If so, how would the CSS code be? Can you help me. Thank you very much Ilona :dry:

**GK User** Thu May 29, 2014 5:38 pm

Hello,

In this case you have to add page suffix for the specific menu item under the "Features" tab in the template settings.

Then you can override the logo selector using this suffix i.e.:

Code: Select all: .svg .YOUR_SUFFIX #gkLogo.cssLogo { background-image: url('../images/YOUR_LOGO_NAME.svg'); }

**GK User** Thu May 29, 2014 6:36 pm

Thank you for the quick reply.

I have tried:

My suffix = test

Menu Item - Settings tab to display page - Page class = test

New SVG file = testimage.svg - I have put in the folder gk_storfonts / images.

In the Override.css I wrote:

Code: Select all: .svg .test #gkLogo.cssLogo { background-image: url('../images/testimage.svg'); }

But it does not work. What is wrong? Can you help? Thank you Ilona :pinch:

**GK User** Thu May 29, 2014 8:58 pm

Please check if your body tag contains the test class - maybe you wrongly assigned the page suffix.

**GK User** Sat May 31, 2014 9:27 am

Thank you for the quick reply, but it does not work. Can you help me if I send you the ftp and admin access? Thank you very much Ilona

**GK User** Sun Jun 01, 2014 3:34 pm

But you have checked if the test class is available in the body tag?

**GK User** Mon Jun 02, 2014 10:58 am

How can I check if the class is available?

**GK User** Mon Jun 02, 2014 5:48 pm

The easiest way is opening the source code view and check if the "<body>" tag has the "class" attribute with the "test" value.

**GK User** Tue Jun 03, 2014 10:15 am

Hello, thank you. I checked with Firebug. The class 'test' is entered correctly on the navigation button. What could be more wrong?

**GK User** Wed Jun 04, 2014 11:18 am

I said about the <body> element - not navigation buttons - the suffix test must be in the main element.