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

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

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!

That worked!! Thanks

Hello

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

.flexgallery figure::after {

  display: none;

}

Ciarán

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?

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

Thank you!
Regards
Helmut

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

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