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
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.
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 🖐️