Title: Additional CSS code for UltimateBlocks Image Slider and Content Toggle
Last modified: August 23, 2021

---

# Additional CSS code for UltimateBlocks Image Slider and Content Toggle

 *  Resolved [gcadavillo](https://wordpress.org/support/users/gcadavillo/)
 * (@gcadavillo)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/additional-css-code-for-ultimateblocks-image-slider-and-content-toggle/)
 * 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](https://wordpress.org/support/users/alexius08/)
 * (@alexius08)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/additional-css-code-for-ultimateblocks-image-slider-and-content-toggle/#post-14804324)
 * Hi [@gcadavillo](https://wordpress.org/support/users/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](https://wordpress.org/support/users/gcadavillo/)
 * (@gcadavillo)
 * [4 years, 6 months ago](https://wordpress.org/support/topic/additional-css-code-for-ultimateblocks-image-slider-and-content-toggle/#post-15101806)
 * 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.

 * ![](https://ps.w.org/ultimate-blocks/assets/icon-256x256.png?rev=2966061)
 * [Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor](https://wordpress.org/plugins/ultimate-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-blocks/reviews/)

## Tags

 * [content toggle](https://wordpress.org/support/topic-tag/content-toggle/)

 * 2 replies
 * 2 participants
 * Last reply from: [gcadavillo](https://wordpress.org/support/users/gcadavillo/)
 * Last activity: [4 years, 6 months ago](https://wordpress.org/support/topic/additional-css-code-for-ultimateblocks-image-slider-and-content-toggle/#post-15101806)
 * Status: resolved