Use different logo sizes

Hi,

I would like to use 2 different logo sizes - 1 big on the top (header), and another smaller (as it is now in the menu nav when scrolling down), how can I configure that?

Thanks.

Hello.
Right now both logos uses this same size from this same line of CSS code.
But you can override it,
for example it you want only bigger first logo

Code: Select all

#gkLogo.cssLogo {
    height: ...px;
    margin-top: 5px;
    width: ...px;
}


In dots "..." insert your values of bigger logo image,
I think it should work.

Guide about custom CSS: http://www.gavick.com/documentation/joo ... -template/

yep, works fine.
Thanks!

Is it also possible to use two different types of logos? In fact I need one logo for the italian version of the web site and one logo for the english version (I use MSocial template) and they are different. With other templates (different from Gavick) I had a template position ("logo") where I could put a module "custom html", that defined the html code necessary to publish a logo. Of course I had a "custom html" module for the "english" version of the logo and a "custom html" module for the "italian" version of the logo. In each "custom html" module I could set the related language (in the field "language" of the properties of the module). In this way when I accessed to the italian version of the web site I saw the italian logo (a graphic file with written "Luca Ventura - Il sito web official") and when I accessed to the english version of the web site I saw the english logo (a graphic file with written "Luca Ventura - official website") . Now I have read that with Gavick templates (MSocial included) that I can't use "logo" position to publish my modules:

http://www.gavick.com/documentation/gen ... templates/

So, how can I do to publish in the Gavick's templates (Msocial in particular) a different version of logo depending on the language version of the web site?

Thanks a lot,

Luca

By default you can not.
But there are three options:

1) Use different template (style) for different language version.
2) Customize our template code : you have to replace our logo code with new module position, then you will have more opportunities.
How to add new module: http://www.gavick.com/documentation/joo ... -position/
3) If you are using a image logo - you can simply override CSS

Code: Select all

.imageBg #gkLogo.cssLogo {
    background-image: url("../images/style1/logo_normal.png");
}

on selected pages or languages ---> Tip: http://www.gavick.com/documentation/joo ... ted-pages/

you have to use module which will be able to use custom CSS.

Thanks a lot. How can I implement solution n.1? In fact in the Joomla template manager I can define only one template in the front-end !!

Let me know,
thanks.

By default you cannot but,
but there is Chameleon --> http://extensions.joomla.org/extensions ... ting/11173
details: http://www.metamodpro.com/chameleon/doc ... uick-rules