FROM CACHE - es_header
Esta comunidad ahora recibe asistencia de una red de pares. El equipo de atención al cliente de Shopify ya no ofrece servicio a esta comunidad. Te animamos a conectar con otros emprendedores y partners para pedir ayuda y compartir tus experiencias. Sigue avisando de asuntos que incumplan nuestro Código de Conducta o contenidos que se deberían eliminar.

Eliminación de barra blanca en carrusel de imágenes

Eliminación de barra blanca en carrusel de imágenes

Blackbcuksuy
Nuevo miembro
4 0 0

Hola buenas! Un gusto a quien pueda responder! Tengo una barra en el tema dawn de Shopify en el carrusel de imágenes de la pagina principal bastante molesto y que no puedo quitar. Busco eliminar la barra o alguna solución que pueda implementar para tener un carrusel de imágenes sin bordes ni barras, desde ya muchas gracias, dejo imágenes es la barra blanca con los números de las diapositivas. 

6 RESPUESTAS 6

joseamayadev
Shopify Partner
84 12 17

Hola @Blackbcuksuy por favor, vuelve a adjuntar la captura de pantalla para poder ayudarte

 

José A. Amaya
Shopify Developer
www.joseamaya.com
Blackbcuksuy
Nuevo miembro
4 0 0

Hola Jose! Te dejo la web para que puedas ver la barra  https://blackbucksuy.com/

CarlosAyala
Nuevo miembro
11 0 0

Envia el link de tu sitio para decirte que parte del código css modificar

Software Architect | DevOps & Backend Developer | Web Development | Network & Server Auditor | AI Enthusiast
https://www.linkedin.com/in/carlosayala04/
Blackbcuksuy
Nuevo miembro
4 0 0

Hola un gusto! Gracias por la ayuda, el link https://blackbucksuy.com/

CarlosAyala
Nuevo miembro
11 0 0

Entra en tu editor del sitio web de shopify y da click en la sección del slider, luego en el panel lateral izquierdo donde dice código CSS agregas el siguiente código, o lo añades directecto en base.css como tu gustes.

.slideshow__controls {
padding: 1vh 1vh;
background: #000000;
border:0;
}
.slideshow__controls>.slider-button {
background-color: #171717;
color: white;
}
.slideshow__controls>.slider-counter {
background-color: #171717;
color: white;
}
.slideshow__controls>.slideshow__autoplay path{
fill:white;
}

Solo es cuestión de que cambies los colores, yo puse esos por que creo que se ve bien, y le coloque un padding para que no se vea tan pegado con tus otros elementos. Si eliminas la linea border:0; se verá un pequeño separador de 1px en la parte de abajo, saludos!

Software Architect | DevOps & Backend Developer | Web Development | Network & Server Auditor | AI Enthusiast
https://www.linkedin.com/in/carlosayala04/
Blackbcuksuy
Nuevo miembro
4 0 0

Sos un mega crack! Ahora si pude solucionarlo y quedo genial, mil gracias que tengas un muy feliz año nuevo!!