Jump to content

[Solucionado] Cambiar de posición Logo


Recommended Posts

Hola a todos en el foro:

 

Debido a fallas con el tema de pago Alysum y por falta de soporte me vi obligado a cambiar mi tienda, al tema por defecto.

 

Me han surgido varios detalles que pediré su ayuda uno por uno en cada tema-post.

 

Por el momento, leí en el foro, que si quiero cambiar la posición del logo, pues éste no se ve correctamente (adjunto imagen), necesito editar el archivo Global.CSS del tema por defecto. Pero el archivo en la carpeta del tema por defecto es muy diferente a los ejemplos que leí en foro.

 

Lo uníco que he logrado es modificar el tamaño editando la línea 703:

 

 .col-sm-3 {
    width: 25%; }

  .col-sm-4, header .row #header_logo {
    width: 50%; }                /* Modificado de 33.33333% a 50% */

  .col-sm-5 {
    width: 41.66667%; }

 

pero el logo  se sigue encimando sobre la barra de menus, y el pie de pagina se desconfigura (anexo imagen), "bajando un renglon la tercera columna"

 

Tambien adjunto el archivo GLOBAL.CSS del tema default-bootsstrap que edite.

 

Saludos y gracias :unsure:

post-883612-0-42362100-1422392904_thumb.jpg

post-883612-0-45815100-1422392990_thumb.jpg

global.css

Edited by Knhmahap (see edit history)
Link to comment
Share on other sites

  • 2 weeks later...

Buscando en el foro encontre una solución parcial y la que finalmente aplique fue esta:

 

modifique el archivo global.css

 

en : /home/mi_servidor/public_html/themes/default-bootstrap/css/global.css

 

en la linea 5289:

 

header .row #header_logo {
      padding-top: 0px;            /* Modificado de 15px a 0px */
      padding-left: 120px;        /* Agregada */
      padding-bottom: 50px;    /* Agregada */
      width: 60%;}                    /* Agregada */
      @media (max-width: 992px) {
        header .row #header_logo {
          padding-top: 40px; } }
      @media (max-width: 767px) {
        header .row #header_logo {
          padding-top: 0px;        /* Modificado de 15px a 0px */
          padding-left: 140px;    /* Agregada */
          width: 130%;    }          /* Agregada */
          header .row #header_logo img {
            margin: 0 auto; } }

Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...