Mary Brezden Posted September 20, 2013 Share Posted September 20, 2013 (edited) Buen día a todos, Mi página que esta alojada en WAMPSERVER (servidor local y esque no he podido resolver subirla a mi propio host) presenta algo como un descuadre cargado hacia la izquierda, lo que quisiera saber es como puedo ampliar el margen azul o ampliar el campo de visibilidad de la pagina para que no se coma las columnas de la izquierda y el logotipo. Pongo imagenes para ejemplificar mejor, de hecho he probado con otras paginas y estan bien entonces seguramente se pueda deber a que las imagenes de header y el bloque de categorias de la izquierda y el de reinsurance los hice mas grandes pero no quiero afectar las imagenes y hacerlas mas chicas quiero conservarlas como las deje pero quisiera ampliar el margen de la pagina. Muchas Gracias por su tiempo, Saludines. Edited September 23, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 20, 2013 Author Share Posted September 20, 2013 Poco a poco lo he solucionado primero lo que tuve que hacer es ampliar el grid que venia por default en 979 y lo deje asi .container_9 .grid_9 {width:1100px;} , ahora movi el logotipo lo tenia en -50px y lo deje en 0px... en un rato mas seguire haciendo los cambios y les comparto si me quedo bien Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 20, 2013 Author Share Posted September 20, 2013 (edited) ahorita estoy un poco atorada porque no encuentro como modificar algo, les anexo la imagen por si alguien me puede echar una manita, gracias. Edited September 23, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 20, 2013 Author Share Posted September 20, 2013 ahorita estoy un poco atorada porque no encuentro como modificar algo, les anexo la imagen por si alguien me puede echar una manita, gracias. Lo localice y modifique esta en modules-blocktopmenu-blocktopmenu.tpl Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted September 20, 2013 Share Posted September 20, 2013 Lo localice y modifique esta en modules-blocktopmenu-blocktopmenu.tpl Vaya ¿Tenia el style a mano, en el tpl, no se generaba automaticamente? xD Por cierto, ya veo que estas tomando soltura con las modificaciones, eso es bueno. Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 20, 2013 Author Share Posted September 20, 2013 Vaya ¿Tenia el style a mano, en el tpl, no se generaba automaticamente? xD Por cierto, ya veo que estas tomando soltura con las modificaciones, eso es bueno. Es que seguramente yo le puse el style cuando empezaba a modificar la plantilla pero cuando me puse a revisar mi pagina para dispositivos portatiles me di cuenta que habia hecho muchas torpezas, tu crees? Ademas ya era hora que fuera aprendiendo un poco Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 21, 2013 Author Share Posted September 21, 2013 (edited) Ahora si ya me atore un poquito, no encuentro lo siguiente (Anexo imagen) ahi quiero ponerle un style pero no hubico en donde hacerlo. Edited September 23, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 21, 2013 Author Share Posted September 21, 2013 Ahora si ya me atore un poquito, no encuentro lo siguiente (Anexo imagen) ahi quiero ponerle un style pero no hubico en donde hacerlo. Se supone que esta en header.tpl , no?? esque de ser asi ahi no aparece.... Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 21, 2013 Author Share Posted September 21, 2013 (edited) Se supone que esta en header.tpl , no?? esque de ser asi ahi no aparece.... Pfff por fin lo localice, les paso el tip para quienes somos dummies como yo Por si quieren mover toda la fila de la derecha deben ingresar a themes-default-footer.tpl ahi yo le puse un STYLE="left:15px;" y quedo perfecto se alineo toda la columna al parejo porque si no habria tenido que hacerlo una por una. Edited September 21, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 22, 2013 Author Share Posted September 22, 2013 Ya voy en la ultima parte en donde esta "block reinsurance" solo que por ahi tengo una duda, quiero separar las letras en donde dice envio gratís, garantíat, etc. Como debo separarlas? o ponerles un style? Gracias. Link to comment Share on other sites More sharing options...
nadie Posted September 22, 2013 Share Posted September 22, 2013 Ya voy en la ultima parte en donde esta "block reinsurance" solo que por ahi tengo una duda, quiero separar las letras en donde dice envio gratís, garantíat, etc. Como debo separarlas? o ponerles un style? Gracias. ¿A que te refieres con separarlas? Si no estan juntas... Al menos, yo por defecto, lo veo asi: Link to comment Share on other sites More sharing options...
nadie Posted September 22, 2013 Share Posted September 22, 2013 ¿A que te refieres con separarlas? Si no estan juntas... Al menos, yo por defecto, lo veo asi: En fin, no se lo que querras hacer, pero el css de ese modulo, es este: modules/blockreinsurance/style.css y el tpl este: /modules/blockreinsurance/blockreinsurance.tpl o en caso de que lo tengas sobreescrito en tu plantilla: /themes/tu-plantilla/modules/blockreinsurance/blockreinsurance.tpl Y los textos los configurar desde la configuración del módulo llamado: Bloque de reaseguros ----- Si lo que quieres es ampliar el ancho que se le asigna a cada texto, en el fichero: /modules/blockreinsurance/style.css tienes esto: #reinsurance_block li span { float: left; padding-top: 12px; width: 65%; } Si te refieres al ancho de cada bloque, en el mismo fichero: #reinsurance_block .width5 li { width: 175px; } tienes esto. etc. Si has metido mas de 5 bloques, el ancho de cada bloque, ponselo a meno dentro del: #reinsurance_block li Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 22, 2013 Author Share Posted September 22, 2013 (edited) ¿A que te refieres con separarlas? Si no estan juntas... Al menos, yo por defecto, lo veo asi: Yo lo tengo diferente porque lo modifique pero aún asi te mando imagen porque lo que quiero mover a la derecha uno por uno seria segun tu imagen lo que dice reembolso de dinero, cambio de tienda, etc. Edited September 22, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 22, 2013 Author Share Posted September 22, 2013 En fin, no se lo que querras hacer, pero el css de ese modulo, es este: modules/blockreinsurance/style.css y el tpl este: /modules/blockreinsurance/blockreinsurance.tpl o en caso de que lo tengas sobreescrito en tu plantilla: /themes/tu-plantilla/modules/blockreinsurance/blockreinsurance.tpl Y los textos los configurar desde la configuración del módulo llamado: Bloque de reaseguros ----- Si lo que quieres es ampliar el ancho que se le asigna a cada texto, en el fichero: /modules/blockreinsurance/style.css tienes esto: #reinsurance_block li span { float: left; padding-top: 12px; width: 65%; } Si te refieres al ancho de cada bloque, en el mismo fichero: #reinsurance_block .width5 li { width: 175px; } tienes esto. etc. Si has metido mas de 5 bloques, el ancho de cada bloque, ponselo a meno dentro del: #reinsurance_block li Voy a intentar desde aqui , gracias Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 23, 2013 Author Share Posted September 23, 2013 SIgue sin quedarme, yo solo quiero saber en donde hubico o en que archivo localizo la siguiente linea: <ul class="width5"> <li><img src="/prestashop/modules/blockreinsurance/img/reinsurance-1-1.jpg" alt="Garantía Total"> <span>Garantía Total</span></li> <li><img src="/prestashop/modules/blockreinsurance/img/reinsurance-2-1.jpg" alt="Inventario Actualizado"> <span>Inventario Actualizado</span></li> <li><img src="/prestashop/modules/blockreinsurance/img/reinsurance-3-1.jpg" alt="Formas de pago"> <span>Formas de pago</span></li> <li><img src="/prestashop/modules/blockreinsurance/img/reinsurance-4-1.jpg" alt="Envío Gratís"> <span>Envío Grátis</span></li> <li><img src="/prestashop/modules/blockreinsurance/img/reinsurance-5-1.jpg" alt="Datos Seguros"> <span>Datos Seguros</span></li> </ul> Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 23, 2013 Author Share Posted September 23, 2013 Es que quiero saber en donde se alojan dichos comandos, Gracias. Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 23, 2013 Author Share Posted September 23, 2013 (edited) Pues ya lo fui modificando pero lo que se me desajusta horrible es la informacion que hay en el bloque reinsurance por ejemplo las letras quedan encima de los iconos, quisiera mover una por una y no todas en bloque, les pongo una imagen, vale? Edited September 23, 2013 by Mary Brezden (see edit history) Link to comment Share on other sites More sharing options...
Mary Brezden Posted September 23, 2013 Author Share Posted September 23, 2013 La ultima parte para cuadrar toda mi pagina la solucione dejando la información de resaseguros en blanco e ingresando las imagenes con texto. Link to comment Share on other sites More sharing options...
Recommended Posts