error css virtuemar...
 
Avisos
Vaciar todo

error css virtuemart 3 para mobile

12 Respuestas
4 Usuarios
0 Reactions
529 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Necesito ajustar el texto para que se vea bien en la version responsive.

ADJUNTO IMAGEN

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 28/11/2016 5:11 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Puedes usar el siguiente código CSS:

@media (max-width:768px){
	.billto-shipto .width50{
		width:100%!important;
		margin:0!important;
	}	
}

Agrega este código al final del archivo:
/templates/vina_wefit/css/custom.css

Saludos.


 
Respondido : 28/11/2016 5:53 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Tambien me gustaria mover el texto hacia la izquierda para que este alineado con el texto de abajo.

adjunto imagen


 
Respondido : 28/11/2016 7:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba con el siguiente código CSS

.billto-shipto h3 i{
  display:none!important;
}

Saludos.


 
Respondido : 28/11/2016 9:59 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

gracias.

Ahora dentro de esta pagina:

Contenido solo visible a usuarios registrados

Me gustaria que los cuadros funcionaran bien en version responsive y que las letras fueran negras.

adjunto imagen.


 
Respondido : 29/11/2016 9:31 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Javier.

Para cambiar el color del texto añade lo siguiente:

#adminForm label, #adminForm .chzn-single, #userForm label, #userForm .chzn-single {
    color: #181818;
}

Para el formulario añade lo siguiente:

@media (max-width: 480px) {
table.user-details input {
    width: 50%;
}
}

Los dos códigos los puedes poner en el archivo custom de tu plantilla.

Un saludo


 
Respondido : 29/11/2016 10:15 am
Javier
Respuestas: 517
Honorable Member
Topic starter
 

gracias, pero aun esta esta un cuadro que no cumple la funcion.

adjunto imagen


 
Respondido : 29/11/2016 10:21 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Javier.

ok, Perdona por el despiste, lo siento :blush:

Añade lo siguiente:

@media (max-width: 480px) {
.chzn-container.chzn-container-single .chzn-single {
    width:50%;
}
}

Un saludo


 
Respondido : 29/11/2016 11:59 am
Javier
Respuestas: 517
Honorable Member
Topic starter
 

no pasa nada, gracias!

Ahora tengo este problema que cuando abro la imagen se me sobrepone ese texto.

Contenido solo visible a usuarios registrados


 
Respondido : 29/11/2016 12:09 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Javier.

¿ Puedes adjuntarnos una URL donde podamos ver lo que indicas ?, en la URL que pasas indica pagina no encontrada y por mucho que busco no encuentro donde poder verlo :dry:

Un saludo


 
Respondido : 29/11/2016 2:18 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

si claro es esta:

Contenido solo visible a usuarios registrados

GRACIAS


 
Respondido : 01/12/2016 9:53 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Prueba a insertar el siguiente código:

.productdetails-view .vm-product-container .addtocart-btn input {
  z-index: 0;
}

.productdetails-view .vm-product-container .addtocart-btn i {
  z-index: 0;
}

 
Respondido : 02/12/2016 3:28 am