Avisos
Vaciar todo

[Resuelto] ajustar information box carousel

4 Respuestas
3 Usuarios
0 Reactions
9 Visitas
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

Buenas tardes,

En nuestra home, al final del todo, justo encima del footer hemos añadido el elemento "information box carousel" con los diferentes logos de las tiendas con las que trabajamos.

Nos gustaría ajustar el display de estas imágenes tanto en el pc como en la versión responsive.

En el pc están así y nos gustaría que los logos bajasen para que las flechas queden aproximadamente en el centro de estos logos

En el móvil además de ajustarlos en altura, lo mas importante es centrarlos entre las flechas y si es posible también en altura por supuesto

Podríais por favor ayudarnos con el CSS o ver de que forma poder hacerlo?

Gracias de antemano,

Alba.

Contenido solo visible a usuarios registrados


 
Respondido : 15/04/2021 7:17 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Prueba agregando el siguiente código CSS:

 

.info-box-carousel-wrapper .basel-info-box, 
.info-box-carousel-wrapper .basel-info-box2{
text-align: center;
}

.owl-nav > div.owl-prev{
left: 0;
top:18%;
}

.owl-nav > div.owl-next{
right: 0px;
top:18%;
}

@media(max-width:768px){
  .basel-info-box .box-icon-wrapper img{
    max-width: 50%;
  }
}

Para agregar código CSS en WordPress revisa:

https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 15/04/2021 8:06 pm
 Alba
Respuestas: 288
Reputable Member
Topic starter
 

@jmarreros

Ha funcionado!

Muchas gracias 😉


 
Respondido : 15/04/2021 9:23 pm
Argenis
Respuestas: 11561
Soporte CMS Webempresa
 

Hola Alba,

Estupendo, nos alegra que te solventara el inconveniente, si tienes alguna otra duda recuerda que puedes crear un nuevo tema y con todo gusto lo atenderemos.

Un saludo 🖐️ 


 
Respondido : 15/04/2021 9:30 pm