button opacity

sbiffsean

Hello,

I would like to have the buttons on the homepage that overlay the film images shown here, http://s224748.gridserver.com/, to be a bit transparent. Is that possible? 

Thanks!

Katie

Pablo

Hi,

Will this be okay?

Paste that code in the Theme Options > Custom CSS & JS > CSS

body.home .button{
	opacity:0.8 !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sbiffsean

It does work but I was hoping it would be only for the background color not the font/type as well. I should have explained that better. 

And can we add code to call out the hover background color?

Thanks so much! I use this theme for a lot of websites

Pablo

1) I could do it with the background color, but you'll not be able to change the background color for other buttons.

Do you want to stay with the solution as I sent you in previous reply?

2) By 'call-out' you mean to change the color of hover color or to disable it completely?

I pasted the code below to change the color, but if you want to get rid of it, just change the last value(.6), to .0

body a.button::after{
	background:rgba(255,0,0,.6) !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next