How to have a white logo on the frontpage and black in menu?

Hi Gavick Pro.

At my site http://gertsterner.dk I sometimes have a dark picture as the top picture, and there for need a white logo. Some times a black.

In the menu, I always need a black.

In your demo, you have a white on the frontpage and a black in the menu. How do I do that?

Kind regards
Gert Sterner

It is a css - svg/png logo.
In template.css:

Code: Select all

#gkLogo.cssLogo { background: transparent url('../images/logo.png') no-repeat 0 0; }
#gkLogoSmall.cssLogo { background: transparent url('../images/logo_dark.png') no-repeat 0 0; }
.svg #gkLogo.cssLogo { background-image: url('../images/logo.svg'); }
.svg #gkLogoSmall.cssLogo { background-image: url('../images/logo_dark.svg'); }


Shows that glLogo is one file and glLogoSmall is another. The second one is used in "fixed" menu.

Thanks for the ansher.

I just don't get it though. The only place I have fount a "talk" about logo, is in the Extensions / Template manager / gk_john_s - Default / Features.
http://gertsterner.dk/files/is_this_the ... o_file.png

I can choose from "Image, Text, from CSS and none". But no matter what I choose, the file ends up both on the frontpage and in the menu.

I have made .svg logo's for best scalability, called them the same as the original in the theme, but I can't get them to bu used by the theme.

Have you any idea about where they should be in the filesystem?

Or what else I am doing wrong?

Kind regards
Gert Sterner

Only css logo type allows to set different logo for header and sticky menu. It uses those files:
/templates/gk_john_s/images/logo.png
/templates/gk_john_s/images/logo.svg
/templates/gk_john_s/images/logo_dark.png
/templates/gk_john_s/images/logo_dark.svg

I thank you again.

But I still don't get the system in this. What I encounter is:

- If I set the logo type to image, and select an image, I get that image. If I change the logo type back to CSS I get no image at all.

- If I then set the default template to pro star, reinstall John_S, set that template to default, then I get the John_S .svg files as logo. If I then change the two .svg files in /templates/gk_john_s/images/ to .svg files, with the same names, but files with my logo, I still get John_S logo?!

I have tried all combinations of choosing a logo type and changing back to CSS and saving, so get the system to use my files, but I can't find out how. I have reinstalled the John_S tamplate 10 times now, with no luck.

Is there a dummy way to do this?

Thanks for trying to help. Sorry that I don't get it.

Kind regards
Gert

Ok, please reinstall john_s template and replace original logos (all 4) with your custom ones and leave your page that way - then write back.

Well. I think I got it now. I have tried to clear the Joomla cache, to make the change visable, but that is not it. It looks like my webhost, one.com, has a cahce on all sites, and that it is that I see. Something goes through instantly and other things has to wait about 10 minutes.

So I will try to stop the one.com cache and se if I then can see changes.

I will write back.

Thanks again!
Gert

Ok - that is great clue to follow. Waiting for your replay.

Well. It don't make a difference, to disable the cache at one.com. It takes about 10 minutes, the same time as the cache, to disable it, and it has been 20 minutes now.

When I reinstall John_S, the settings in the style "gk_john_s - Default" remains. So it still remember my Google tracking code, my favicon image and so on. There for, I have not chosen any images in the "Features" setings, except for the favicon image, when I change default theme to Prostar, reinstalles John_S, and set John_S back to be default theme.

It gives me back the John_S logo files, seen from frontend.

When I then change the files backend, to my logo files, keeping the .png files in the same size, it makes no change on the frontend. It is still John_S logo. If I change from CSS to Image in logo type, under features, frontend change the menufile from dark to white, but still the John_S files. It all happens right away, so no delay from any cache.

*** change *** I was wrong. The system actually change from .svg for CSS to .png for Images, when changing that setting under Features. But even though the .svg files are my logo, it keep showing the John_S files.

Very strange, I think.

Any thoughts?

Kind regards and thanks
Gert

I think it must be my .svg files, that are wrong or the system, that just won't change to those files?

I use these files for test now:
http://gertsterner.dk/files/logo_dark.png
http://gertsterner.dk/files/logo_dark.svg
http://gertsterner.dk/files/logo.png
http://gertsterner.dk/files/logo.svg

If, in Features, I set the logo style to From CSS, I get John_S as logo, as it is seen here:
http://gertsterner.dk/files/logo-svg-css-frontpage.png
http://gertsterner.dk/files/logo-svg-css-menu.png

If, in Features, I set the logo style to TEXT, and type in the text "LOGO TEXT", I get the text as expected. It is seen here:
http://gertsterner.dk/files/logo-text-frontpage.png
http://gertsterner.dk/files/logo-text-menu.png

If, in Features, I set the logo style to IMAGE, I get the logo.png file in both the frontend and menu. It uses the same file in both places.
http://gertsterner.dk/files/logo-png-im ... ntpage.png
http://gertsterner.dk/files/logo-png-image-menu.png

I use Adobe Illustrator, where I just save the files as a .svg file.
If it is my .scg files that are wrong, do you have an tutorial on how to make those?

Kind regards
Gert

[SOLVED]

I am sorry I took your time. I found the problem. I use Apple Safari, and it seems, that Safari has a bug, that it do not refresh everything internally before you quit the application. It is not something I have investigated. I just conclude that, seeing my own trouble here.

I check my sites on OSX: Safari, Firefox and Crome. Windows XP/7/8: Explorer 6-11, Firefox and Crome. And during that process, I saw that the logo files were correct on .svg too on the other browsers.

So... as the police say in American movies: "Nothing to be seen here"... he he

You just change the files in /templates/gk_john_s/images/ and all is fine.

Thanks again for your help.
Gert

Don't worry - as a FE developer I always use Chrome DevTools and force reload of the files.