Pregunta sobre Slide Anything - Responsive Content / HTML Slider and Carousel de Wordpress:

personalizar botones deslizantes

Un usuario pregunt贸 馃憞

Hola,

En primer lugar, muchas gracias por crear un plugin tan impresionante. Tengo muchas ganas de ponerlo en mi sitio web, pero tengo algunas necesidades que no puedo satisfacer. El problema principal con el que quiero tratar es que necesito poder no mostrar el bot贸n deslizante anterior en la primera p谩gina y el siguiente bot贸n deslizante en la 煤ltima p谩gina, 驴hay alguna forma de hacer esto sin ajustar el c贸digo? ? Adem谩s, me encantar铆a personalizar los botones CSS, de forma similar a como funciona la personalizaci贸n de diapositivas y diapositivas. es posible?

Gracias de antemano, que tengas una buena velada.

(@simonpedge)

Hace 3 a帽os, 10 meses

Hola, para tu primer intento, desafortunadamente no hay una manera f谩cil de lograrlo; tus opciones son las flechas deslizantes ocultas o visibles. No estoy diciendo que no, pero tomar铆a algo de tiempo y esfuerzo (y algo de c贸digo JavaScript / jQuery inteligente) para resolverlo.

Puede personalizar los puntos de la p谩gina utilizando el siguiente CSS: #slider_id .owl-pagination .owl-page span {background-color: # ff0000! Importante; } #slider_id .owl-pagination. intervalo activo {color de fondo: # 0000ff! importante; } Reemplace 芦#slider_id禄 con el ID de CSS de su presentaci贸n de diapositivas. Esto mostrar谩 puntos rojos y el punto activo ser谩 azul.

Puede personalizar las flechas deslizantes con los siguientes selectores de CSS: #slider_id .owl-buttons> div {/ * CSS AQU脥 * /} #slider_id .owl-buttons .owl-prev {/ * CSS AQU脥 * /} #slider_id .owl -buttons .owl-next {/ * CSS AQU脥 * /} Reemplaza 芦#slider_id禄 con el ID de CSS para las diapositivas.

(@antkh)

Hace 3 a帽os, 8 meses

Para un estilo adicional, puede cambiar completamente los iconos de flecha con la biblioteca FontAwesome. Por ejemplo, mi CSS:

#slider_1068 .owl-nav .owl-prev {
    background: none !important;
}
#slider_1068 .owl-nav .owl-next {
    background: none !important;
}
#slider_1068 .owl-nav .owl-prev:after {
    color: #747474 !important;
    content: "f053";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
#slider_1068 .owl-nav .owl-prev:hover:after {
    color: #ccc5bf !important;
}
slider_1068 .owl-nav .owl-next:after {
    color: #747474 !important;
    content: "f054";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
#slider_1068 .owl-nav .owl-next:hover:after {
    color: #ccc5bf !important;
}

(@zseroka)

Hace 3 a帽os, 3 meses

Hola simonpedge y antkh,

Soy un completo aficionado, as铆 que perd贸name la pregunta trivial: 驴d贸nde pones exactamente este c贸digo? 驴D贸nde est谩 el archivo que debe modificarse?

Gracias por adelantado. 隆Gran plugin!

(@simonpedge)

Hace 3 a帽os, 3 meses

Hacer clic en 芦Apariencia -> Editor禄 dentro del Panel de WordPress le permitir谩 editar su 芦style.css禄. Sin embargo, desea crear un tema hijo antes de hacer esto, y hay muchos documentos en la web sobre c贸mo hacerlo (y por qu茅 siempre debe usar un tema hijo).

Alternativamente, puede instalar el plugin 芦Simple Custom CSS禄: https://wordpress.org/plugins/simple-custom-css/ Esto le permitir谩 ingresar un nuevo c贸digo CSS.

(@zseroka)

Hace 3 a帽os, 3 meses

Hola simonpedge lo siento, tuve que irme por unos d铆as. Gracias por la respuesta. Agregu茅 芦CSS personalizado simple禄. Por alguna raz贸n esto no funciona:

# slider_2118 .owl-pagination .owl-page span {background-color: # ff0000! importante; } # slider_2118 .owl-pagination. span span {background-color: # 0000ff! importante; }

la p谩gina todav铆a es negra … pero, por ejemplo, el c贸digo antkh funciona. Tal vez esto se deba a mi tema, creador de p谩ginas o … cualquier error que comet铆. Estar茅 muy agradecido por cualquier pista. De todos modos, comprar茅 Slide Anything. Todo lo mejor.

(@danielcpalmer)

Hace 3 a帽os, 1 mes

Hola, sigue esto, ya que tampoco me funciona. 隆Tom茅 el CSS exacto, agregu茅 el c贸digo importante! En mi CSS Children y no violando su CSS. 驴Pensamientos? Tambi茅n utilic茅 su c贸digo anterior y ni siquiera se le solicita.

(@turbojae)

Hace 2 a帽os, 10 meses

la SEC funciona para las flechas, pero no para los puntos de p谩gina. alguna idea de por qu茅? 隆gracias!

驴Solucion贸 tu problema??

0 / 1

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada.