Avisos
Vaciar todo

[Resuelto] ajustar information box carousel  

 
Alba
 Alba
Estimable Member

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

Ordenador   flechas tiendas

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

Movil   centrar logos tiendas

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 8:17 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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 9:06 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Alba
 Alba
Estimable Member

@jmarreros

Ha funcionado!

Muchas gracias 😉

Respondido : 15/04/2021 10:23 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 10:30 pm

Cursos Gratuitos WordPress