change the height of the slideshow and change the button effect

ludo974

hello I would like to reduce the height of the slideshow to show more information when you connect to the site.
Also I would like to have a button on the slideshow with this transparency effect, like on this site:

ttps://www.loom.com/share/90f39b7c484548ddb22bc66979e37be8

saguaros

Hi ludo974

You can apply this css for the hover effect:

.acm-slideshow .btn.btn-primary:hover {
    background-color: #ea2222 !important;
    border-color: #ea2222 !important;
}

and set the height for slide item:

.acm-slideshow .item {
    height: 600px !important; }

ludo974

Hi !

thank you for your advice but despite the fact that I apply the code in a custom.css file
I can't get my button to be transparent when I hover my mouse over it, it stays red. So despite the decrease in the height of the slide in the code to 400px I don't see the difference. I still have to scroll to see the information just below.

saguaros

Hi ludo974

As I can see that you changed to 'f3f3f3' color now.

For the slideshow, could you share screenshot of how you want it should be?

ludo974

yes I am trying to make it transparent, what should be done?

for the slideshow
actually : https://prnt.sc/w3pmoi
I would like this : https://prnt.sc/w3pni0
in fact I want that when the Net surfer arrives on the home page, he sees that below the slodeshpow there is information, that's why I want the slideshow to be less large.

saguaros

ludo974

I updated this custom css:

.owl-carousel .owl-item {
  height: 400px;}

.acm-slideshow .slider-content {
  padding-top: 5rem;}

.acm-slideshow .owl-dots {
	top:40%;}