Tamaño de logo

[luzzifer]

Hola tengo un problemita y no quiero romper la estructura del sitio.
Estamos modificando el logo en FORSOL
Y utilizo firebug para poder acomodar las cosas a modo demo, pero no consigo saber que archivo debo modificar para que el logo se vea completo en su tamaño original.
La IMAGEN tiene las medidas de 168 de largo por 65 de alto necesitaría configurar esas medidas para que se vea el logo en su totalidad.

En realidad ya lo hice modificando:

Código CSS:

.logo h1,
.logo h1 a {
  display: inline-block;
  line-height: 0;
  margin: 0;
}
.logo-image {
  overflow: hidden;
}
.logo-image h1 {
  display: block;
  font-size: 0;
}
.logo-image h1 a {
  background-image: url("../../../templates/ja_beranis/images/logo.png");
  background-repeat: no-repeat;
  width: 169px;
  height: 65px;
}
.logo-image h1 a span,
.logo-image h1 a small {
  display: none;
}
 

Pero como veran no se ve completamente como debería el archivo que edite fue el
/template.ja_beranis.less.style.less.css que me dicta el firebug y se acomoda, pero no se ve en su totalidad la imagen del logo.

Espero ayuda desde ya muchas gracias y disculpen si no me hice entender.

[alzacon]

El problema lo tienes más arriba en

Código HTML:

<div class="span2 logo">
     <div class="logo-image">
 

El ancho de span2 es 130px

Pero al arreglarlo se te descuadrará el menú de navegación, porque entre logo y menú, con sus respectivos margenes, tienes mayor ancho que el del elemento padre de ambos. Modifica el ancho del menú también para solucionarlo, 40px de menos no te lo estropea.

[C2am]

Creo que algo tan importante como el logo no debería ponerse como imagen de fondo, sino como imagen (<img>). El sentido semántico de una imagen de fondo, es que se trata de algo superfluo, sin importancia, que no hace al contenido.
Ahora, ¿te parece que el logo que identifica a la empresa u organización es algo sin importancia, o que no es relevante al contenido?

Además, al ponerlo como img no tendrías el problema de que se vea cortada, pero debes atender también lo que te ha comentado alzacon

Saludos

[luzzifer]

Hola, gracias por contestar, alzacon, disculpa que te moleste:
¿Que archivo y linea debería editar para quitarle esos px al menú? Es que no encuentro nada inspeccionando el elemento. Desde ya gracias alzacon.

Hola, C2am tienes mucha razón pero sinceramente no comprendí lo que hice mal, solo estoy cambiando el tamaño y la imagen del logo que ya estaba anteriormente. Entiendo lo de <img> pero solo subí y reemplace la imagen no se si esta mal mordicar un código que ya estaba bien antes. Creo.. y Gracias por supuesto todo consejo es bien recibido.

[alzacon]

He visto que estas usando bootstrap o como se diga. Con solo modificar el número de las clases "span*" (* = número) en el html solucionas el problema.

Original (div span2 ; nav span10)

Código HTML:

<div class="row">
    <div class="span2 logo">
    <nav id="t3-mainnav" class="t3-mainnav navbar-collapse-fixed-top span10">
</div>
 

Corregido (div span3 ; nav span9)

Código HTML:

<div class="row">
    <div class="span3 logo">
    <nav id="t3-mainnav" class="t3-mainnav navbar-collapse-fixed-top span9">
</div>
 

[luzzifer]

Muchisimas gracias por conestar, pero estoy mas perdido que turco en la niebla.

Código HTML:

http://www.forsol.org.ar/t3-assets/dev/green/templates.ja_beranis.less.bootstrap.less.css
 

Código HTML:

http://www.forsol.org.ar/t3-assets/dev/green/templates.ja_beranis.less.bootstrap-responsive.less.css
 

tengo esos dos archivos y no encontre ninguna linea como la que me planteaste, estan en otro lado los archivos?

[pzin]

Si te dicen que cambias el código HTML, pues puedes cansarte buscándolo en el CSS.

[luzzifer]

aaa ok comprendi, perdon estaba confundido gracias.!

[luzzifer]

Hola de nuevo, es un template JA_BERANIS de joomla no puedo encontrar el html referido, o sea hay html, pero ninguno tiene esa linea que nombre alzacon existe alguna manera de editar el css? o de encontrar el archivo html?. Disculpen pero he buscado arduamente y no lo he podido encontrar. Ya no se que debo estar pasando por alto desde ya gracias espero su ayuda.

[alzacon]

Yo con lo de la plantilla de joomla no puedo ayudarte. Busca y/o pregunta sobre como modificarlo.