Bug change brand secondary color

edna-bonfim

Hi,
I tried to change the brand secondary color of template and it changes all slideshow and the buttons in home. I would like that the buttons to be in different color. How I could fix it?

Thank you in advance!

Ninja

edna-bonfim
Hi
The button does not use Primary color, they have default btn class with transparent color
Use this code in custom css

.acm-features.style-2 .features-item .btn {
    background: #4ca950;
    color: #fff;
}

edna-bonfim

Hi Pankaj, how are you?

I think I didn't explain myself well. When I changed the secondary color, this affected the slideshow...now it is all green. I tried to change the opacity with this code:
.acm-slideshow .item:before { opacity: .0;}

And not changed. How could I fix it? I would like that the slideshow to have 0 opacity?
Thank you!

edna-bonfim

And also, I tried to change the colors of the buttons on the home, according to the code you sent me and they don't appear...they are a very light color.🤔

Ninja

edna-bonfim
Hi
Use this code for slideshow

.acm-slideshow .owl-carousel .item .mask {
    background: #1eaab9;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

set color and opacity as per needs
For button kindly add the code in custom css and it will work fine

edna-bonfim

Hi Pankaj,

I put the code you sent me now and nothing changed!
Please see the attached images.
Do you think it takes a while for the changes to appear?

Ninja

edna-bonfim
Hi
You are using green theme
here is path for custom css /templates/ja_alumni/css/themes/green/custom.css

Ninja

edna-bonfim
Hi
I see u set it transparent in the custom css
kindly add !important with code as below

.acm-slideshow .owl-carousel .item .mask {
    background: transparent !important
    ;
    opacity: 0.5!important;
    filter: alpha(opacity=50)!important;
}

edna-bonfim

Hi,

I followed your instructions but there is not changes. 🤔

Ninja

edna-bonfim
Clear browser cache and check
It is already working on your site

edna-bonfim

Hi Pankaj,

The buttons works fine now, but but the slideshow remains with a blue opacity overlay. See the image in mobile and laptop, it's not a problem of the browser.
Please, how can i make the slideshow without this blue layer or at least decrease the opacity?
Thank you!

edna-bonfim

No changes yet...It's so frustrating
I put the code and nothing changed. What could be happening?

Ninja

edna-bonfim
Hi
I can not see you changed the code

once change, clear Joomla and browser cache. you can decrease opacity value to get more clear image.

edna-bonfim

I have put the code: template/jaalumni/css/themes/green/custom.css...and I was cleared joomla and the browser cache....nothing change! How could I do?

Ninja

edna-bonfim
Hi
Kindly clear server side cache it load older file
https://ibraworks.com.br/templates/ja_alumni/css/themes/green/custom.css
You can see the same file above

edna-bonfim

Hi Pankaj, it's work fine know.
Thank you very much for your attention and patience! :-)

Ninja

edna-bonfim
You are welcome!