Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Agregar espacio entre objetos  

 
Walter
 Walter
Reputable Member

Hola, 

Necesitaría agregar un espacio entre dos objetos (SOLO EN LA VISTA MOVIL) en esta pagina www.estudiowls.com.ar/contacto

Necesito separar el final del formulario de contacto con el widget que aparece mas abajo (un video de youtube)

Lo hicimos en su momento y funcionó, pero volvió a aparecer mal.

Les dejo una imagen y el css custom que tengo para que lo vean por las dudas.

GRacias

.vc_col-sm-6.wpb_column.vc_column_container .wpb_wrapper{
margin-top: 10px;
margin-bottom: 10px;
}
}

.page-id-6250 .cms-fancyboxes-wraper.cms-fancyboxes-layout3 .cms-fancybox-icon{
background:#d5aa6d;
}

.page-id-6250 .cms-fancyboxes-wraper.cms-fancyboxes-layout3:hover .cms-fancybox-icon{
background:black;
}

@media (max-width: 600px) {
.metaslider .theme-default .nivoSlider img {
height:200px!important;
}
}
.wpcf7-form { margin-left: 25px; margin-right: 25px; margin-top: 25px;

background-color: #4B4A50;
padding: 20px;
border: 3px solid #8B8B8B;
-webkit-box-shadow: 0px 5px 40px -1px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -1px rgba(0,0,0,0.57);
box-shadow: 15px 40px -1px rgba(0,0,0,0.57);
border-radius: 6px;
}
.wpcf7-form textarea::placeholder,
.wpcf7-form input::placeholder{
color:white;
border-radius: 6px;
}
.wpcf7-form textarea,.wpcf7-form input{
color:white;
border-radius: 6px;
}
.wpcf7-form textarea, .wpcf7-form input {
color: white;
border: solid 1px white;
border-radius: 6px;
}
@media (max-width:720px){
.wpcf7-form{
margin: 20px 0px 0px 0px !important;
}
}

@media (max-width:480px){
.wpcf7-form{
padding:8px;
}
}
@media screen and (max-width: 600px) {
textarea.wpcf7-form-control.wpcf7-textarea, input.wpcf7-form-control.wpcf7-text {
font-size: 11px;
line-height: 1.5em;
}
}
.wpcf7-form-control.wpcf7-submit {
background-color: #000000;
color: #F5FFFA;
}
.page-id-215 .buttonizer {
display: none!important;
}
@media(max-width:768px){
#metaslider-id-5966{
margin-top:-10%!important;
}
#metaslider-id-5966{
margin-bottom:40px!important;
}

.vc_custom_1479110883740 h3{
margin-top:30px;
}
.vc_custom_1479110883740 + div + .vc_row {
margin-top: 50px!important;
}
}
@media(max-width:768px){
.page-id-215 #metaslider_5966{
margin-top:50px;
}

.page-id-215 #text-17{
margin-top:30px;
}

Untitled
Respondido : 03/09/2020 4:30 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Walter,

Comprueba si el siguiente código CSS te permite añadir el espacio que necesitas, insertarlo en el apartado Apariencia -> Personalizar -> CSS Adicional

@media screen and (max-width: 467px) {
.wpb_widgetised_column aside {
margin-bottom: 51px;
margin-top: 50px !important;
}
}

Un Saludo

Respondido : 03/09/2020 5:10 pm
Pepe me gusta

Walter
 Walter
Reputable Member

@karen

Funcionó perfecto, gracias

Respondido : 04/09/2020 12:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Walter.

Nada Gracias a ti por consultar 😀 

Cualquier consulta que tengas no dudes en comunicarlo 😉 

 

Cerramos el tema.

Un saludo

Respondido : 04/09/2020 12:52 pm

Cursos Gratuitos WordPress