Modificar detalles de los slide  

 
Isabel
 Isabel
Usuario activo

Hola,estoy modificando los slide del banner principal de mi tienda online. Lo básico lo tengo claro, pero quiero cambiar la alineación y colores de la caja que contiene el texto y no se como hacerlo. podríais decirme dónde encontrar la configuración de esto?

y voy a por la ultima 😉

Versión de PrestaShop 1.6.0.8
Tema actual Calisto

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 29/08/2014 12:30 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Isabel,

Esos cambios los tienes que realizar en código.

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 29/08/2014 12:50 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Isabel
 Isabel
Usuario activo

OK. a ver que soy capaz de hacer, gracias

ResponderCitar
Respondido : 29/08/2014 5:48 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Los cambios los tendrás que aplicar en el archivo themes/Calisto/css/modules/homeslider/homeslider.css

Por ejemplo, el fondo de caja se define en este código:

  #homepage-slider .homeslider-description {
    padding: 25px;
    margin: 25px;
    width: 50%;
    background:rgb(0,0,0);  
    background: transparent9;  
    background:rgba(0,0,0,0.4);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1; 
    cursor: pointer; }

En concreto en la línea background:rgba(0,0,0,0.4); donde se está indicando que el fondo es negro con una transparencia de 0.4

La posición respecto a la esquina superior izquierda también se define en el código anterior con la propiedad margin: 25px;

Eso sí, ten en cuenta que esta plantilla es responsive, es decir, su contenido se adapta al ancho de la ventana del navegador, por lo que deberás tener cuidado con los cambios que aplicas ya que puede afectar al correcto visionado del slider en dispositivos móviles.

Haz una copia de seguridad de los archivos que vayas a modificar por si se producen fallos y tienes que volver a la versión anterior.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/08/2014 6:56 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro