Additional CSS code for UltimateBlocks Image Slider and Content Toggle

  • Resolved gcadavillo

    (@gcadavillo)


    4 years, 9 months ago

    Hello! We’re curious, is it possible to change the arrow and progress bar colors in UltimateBlocks Image Sliders via Additional CSS? How about the hover color for Content Toggle? If it’s possible, do you have a sample Additional CSS code we can try? 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Alexis Pandaan

    (@alexius08)

    4 years, 9 months ago

    Hi @gcadavillo! It’s possible to change the colors of both the arrows and the progress bar in the Image Slider. Not sure which part of the Content Toggle you want to customize, but it could be done as well.

    For customizing the color of the arrows, you can start with this:

    .ub_image_slider .swiper-button-prev:after, .ub_image_slider .swiper-button-next:after {
    color: #ff00ff;
    }

    For customizing the color of the progress bar, you can start with this:
    .ub_image_slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ff00ff;
    }

    Please let us know how it goes.

    Thread Starter gcadavillo

    (@gcadavillo)

    4 years, 6 months ago

    Hi Alexis,
    Sorry for getting back so late. Tried these now by adding it to the Additional CSS Class(es) part of the block’s Advanced Settings but it’s not working. Do we add these elsewhere for them to work?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Additional CSS code for UltimateBlocks Image Slider and Content Toggle’ is closed to new replies.