Avisos
Vaciar todo

[Resuelto] Desplazar elementos

5 Respuestas
2 Usuarios
1 Reactions
17 Visitas
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

Hola,

Me gustaría poder desplazar dos elementos. Justo debajo de la imagen de inicio en la página principal, hay una banda blanca con cinco elementos. Los tres primeros elementos están en una altura superior. Pues bien, de estos tres elementos, el de la izquierda, quiero llevarlo hacia el centro, y el de la derecha, también quiero atraerlo hacia el centro.

Con Visual Composer, al alterar las dimensiones en los márgenes o en el padding (ya sea en la fila o en el bloque de texto)Contenido solo visible a usuarios registrados


 
Respondido : 25/07/2022 12:16 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Pedro José, 

Si reviso el código de tu sitio web veo que todos se están centrando de acuerdo a la proporción que tienes en esta columna

image

Ya que todas las columnas tiene una misma clase al mover estas en CSS ocasiona que todas se muevan en conjunto por lo que no se pueden alterar el espacio actual, para modificarlo debes revisar la forma en que el constructor te permite añadir los elementos de acuerdo a las columnas que tengas añadidas.

Un Saludo 


 
Respondido : 25/07/2022 12:50 pm
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@karen Hola, Karen

 

Entiendo. Aún así agradecería me dijeses una forma para modificar márgenes de filas y bloques de texto mediante código CSS para indicar en el código que es solo para pantallas grandes.

 

Gracias y saludos


 
Respondido : 25/07/2022 1:25 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Pedro José, 

En este caso puedes revisar el siguiente código CSS, ten en cuenta como te comento que las columnas están ligadas a las clases de tu tema por lo que es posible que al mover algunas se muevan todas las filas inferiores

@media only screen and (min-width: 992px) {

.vc_row.vc_column-gap-15 > .vc_column_container:nth-child(1) {
padding-right: 0px;
padding-left: 195.5px;
}
.wpb_column.vc_column_container.vc_col-sm-4:nth-child(3) {
padding-right: 271.5px;
padding-left: 0px;
}

}

Un Saludo 


 
Respondido : 25/07/2022 2:18 pm
Pedro José reaccionó
Pedro José
Respuestas: 199
Estimable Member
Topic starter
 

@karen Hola, Karen

 

Gracias,está solucionado.

 

Saludos


 
Respondido : 27/07/2022 7:12 pm