Avisos
Vaciar todo

Elementos del Configurador de Temas horizontal/vertical  

 
MÓNICA
 MÓNICA
Usuario experto

Hola,
Estoy utilizando la plantilla Carme y cuando cambié el configurador de temas que adjunto de posición con la opción "Live Edit", sus elementos se me colocaron en vertical (imagen adjunta).
¿Cómo podría colocarlos en horizontal en esta nueva posición? ¿Se puede hacer modificando el .css? Si es así, ¿me pueden pasar el fragmento de código?
Muchas gracias.
Un saludo,
Mónica

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/06/2016 2:48 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.
Tienes la web en mantenimiento, puedes activarla para que podamos comprobar lo que nos indicas?.

Adicionalmente, al cambiarlo de posición cambia también toda la estructura ya que cada posición tiene su programación independiente.

Un saludo

ResponderCitar
Respondido : 27/06/2016 3:53 pm

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

MÓNICA
 MÓNICA
Usuario experto

Hola,
Perdón, ya la he activado.
Pero incluso intentando colocarla en la posición inicial, no he podido volver a poner los elementos en horizontal.
Un saludo,
Mónica

ResponderCitar
Respondido : 27/06/2016 3:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo que has tratado de poner estos elementos cerca del footer, de manera general , en la versiones actualmetne de PrestaShop, no es siempre válido cambiar de posición un módulo y esperar que funcione igual (al menos visualmente) PrestaShop es muy estricto con las posiciones y un módulo se programa para una posición y si lo cambias de posición no funciona.

Para dar un aspecto similar en esta nueva posición podrías hacerlo con CSS, ubica este archivo :

/themes/Carme/css/global.css

Al final agrega el siguiente código CSS

#htmlcontent_home{
  clear:both;
}

#htmlcontent_home li{
float:left;
  margin:4px;
  padding:10px 15px!important;
  width:30%;
  border-radius:6px;
  background-color:lightgray;
}

#htmlcontent_home li div.pull-left i{
	font-size: 30px;
  	margin-right:10px;
  	padding-top:20px;
	display:inline-block;
}

#htmlcontent_home li .icon-double-angle-right{
	float:right;
}

@media (max-width:768px){
	#htmlcontent_home li{
		float:none;
  		width:100%;
	}
}

Puedes cambiar el color lightgray por el color que desees.

Saludos.

ResponderCitar
Respondido : 27/06/2016 6:42 pm

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

MÓNICA
 MÓNICA
Usuario experto

Gracias, ¡ya se ve como quería!

ResponderCitar
Respondido : 28/06/2016 11:13 am