Joomla Templates Club 406,261 posts

[agiacopa78 Friend agiacopa78Join date: August 2012Posts: 29Downloads:107Uploads:12 Thanks: 11]

#1043119

How do I make the slideshow shade smaller? As I put it in the picture.
Also, where do I apply the level of transparency?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1043152

Hi
Add below code in custom.css file to set the opacity value

.acm-slideshow .owl-carousel .owl-item.active .mask {

    opacity: 0.8!important;
    filter: alpha(opacity=80)!important;
}

for the reduce mask width use this code and change the value 190

acm-slideshow .owl-carousel .item .mask:before {
    border-left: 190px solid #3f6cb2;}

Regards

• This reply was modified 7 years, 4 months ago by  Pankaj Sharma.

[agiacopa78 Friend agiacopa78Join date: August 2012Posts: 29Downloads:107Uploads:12 Thanks: 11]

#1049362

I did not operate the code to reduce the curtain

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049363

Hi
What do you mean by you did not operate the code?
The above code is based on demo site. Kindly add the code and change it as per needs.

Regards

[Author]

Posts