Carousel Opacity to disable for the slideshow module

fkeszi

Hi,
I have installed Joomlart event II template, I would like to change the opacity of the carousel of the slideshow module. I have tried to modify less files but without effect. Kindly indicate the procedure to remove the opacity cause I have a grey image instead a white one on the main page of my site.

Thank you in advance.

saguaros

fkeszi

If you want to change via LESS file, you can edit in this file: root/templates/ja_events_ii/acm/slideshow/less/style.less

Around line 96, look for this declaration:

  .item {
    position: relative;
    max-height: 1320px;
    
    &:before {
      background: rgba(0,0,0,0.25);
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
    }

and change or remove the background.

Note that when you edit the LESS file, if your site is running with Development Mode (check in template manager: http://prntscr.com/j9asbi ), just refresh the frontend to see the changes. In case the Dev mode is OFF now, you will need to compile LESS to CSS first: http://prntscr.com/j9asf6 and do remember to backup all CSS files before compiling.

Regards

paulus1031

You would need to add this style

body .acm-slideshow .owl-carousel .item:before {background: rgba(0, 0, 0, 0.25);}

and tweak the last value for example if you wanted complete opacity

body .acm-slideshow .owl-carousel .item:before {background: rgba(0, 0, 0, 0);}

Cheers
Paul

fkeszi

Thank you for your help, but as I am not familiar with the tuning with the T3 features I got the following error messages when I tried to compile the less file. Development mode is enable.
I got the followings
1 :
2:

fkeszi

OK finally it works only by saving the less file without compilation