Hello

By default these squares are set by the button color set within your template settings. To use a custom color you can add the following to the Custom CSS field of your template settings (edit to taste)...

.layerslideshow .info-wrapper::before, 

.layerslideshow .info-wrapper::after{

    background-color: #aaaaaa !important;

}

Ciarán

Hello Ciarán,

thank you for this solution.
For the slideshow it works.

But how can I change it for the flex gallery?

Thank you very much!
Helmut

Oh, sorry!
Yes, the button color set the squares color of the flex gallery!

Thank you!
Regards
Helmut

I too want to delete the little colored squares (lower left corner) in flexgallery pixs. I tried your css: in the custom.css

.layerslideshow .info-wrapper::before, 

.layerslideshow .info-wrapper::after{

    background-color: transparent !important;

}

I tried transparent for background-color and that didn't work. I also tried making the button color in the template transparent, but it won't save it as transparent.

I also tried this in the custom.css

.flexgallery figure::after {

  position: absolute;

  bottom: 0;

  left: 0;

  content: "";

  height: 30px;

  width: 30px;

  background-color: transparent ;

  z-index: 1040 !important ;

}

.flexgallery figure::after {

    background-color: transparent !important;

}

Thanks, didn't work either.

Another solution please?

Hello

To amend you can add the following to the Custom CSS field of your template settings..

.flexgallery figure::after {

  display: none;

}

Ciarán

That worked!! Thanks

Hi Ciaran,

I am trying to remove the two squares on the bottom right corner of the layerslideshow in Colette. I tried this code but it didn't work:

.layerslideshow .info-wrapper::after {
display: none;
}

Can you steer me in the right direction? Thanks so much!

Hello

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.layerslideshow .NextArrow,

.layerslideshow .PrevArrow {

    display: none !important;

}

Ciaran

Thank you so much, it worked like a charm! Have a super day!