Jump to content

So I've made this website for a family friends business (www.andrewpaulfurniture.co.uk) on Squarespace. I need help in lowering the opacity of the big black box on the homepage of the website. I have seen other example sites on Squarespace that use the same template and have a lower opacity box. I have 0 knowledge of CSS. 

 

I have put the question on the Squarespace help site but sadly didn't get a response. 

 

Thanks

Intel Core i5 2500k @ 4.2GHz | Corsair Vengeance 16GB 1600MHz | MSI GTX660 Twin Frozr II OC | Samsung Evo 850 250GB | Seagate Barracuda 3TB | Corsair 600T White | Corsair H100 | Corsair HX850 | Corsair SP120 QE | Asus MX279H | LG Flatron E2251 | Logitech G502 | Das Keyboard Ultimate 4 Browns | Fiio E10 | Beyerdynamic Custom One Pro | Corsair SP2500 | HTC One M8 | MacBook Air (Mid 2013) i5 8GB 128GB

 

Link to comment
https://linustechtips.com/topic/112400-squarespace-css-help/
Share on other sites

Link to post
Share on other sites

With CSS3 you can use something like this :

big_black_box{opacity:0.5;filter:alpha(opacity=50); }

The second line is for compatibiltiy with IE's older versions. I'm not sure wether or not this is only for images, I never used it.

 

You can also use this when assigning the background color to the box :

background-color:rgba(255,0,0,0.5);

The first three numbers are RGB values, and the third is the opacity.

Link to comment
https://linustechtips.com/topic/112400-squarespace-css-help/#findComment-1502840
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×