Jump to content
Sign in to follow this  
asgsport

Transparency

Recommended Posts

asgsport

Hi Everyone, do any of you know how I can get the default page background to be slightly transparent (as im using a background image) Usually one would use a png with a defined opacity. but with the design setting panel im only able to select a colour?

Share this post


Link to post
Share on other sites
cmunns

Make the background image itself a transparent png. and make sure that there aren't any colors defined or they will "show" through

Share this post


Link to post
Share on other sites
rickygraham

what custom code do I need to alter to get the transparent background to show up rather than the white background?

Share this post


Link to post
Share on other sites
timlinson

what's your site link?

Share this post


Link to post
Share on other sites
rickygraham

I uploaded a png file with the opacity I wanted to a folder and then adjusted the following code. It seemed to work like I wanted: #page-main {background-image:url('http://www.pearlandpetservices.com/images/pagebackground.png''>http://www.pearlandpetservices.com/images/pagebackground.png');} #header {background-image:url('http://www.pearlandpetservices.com/images/pagebackground.png''>http://www.pearlandpetservices.com/images/pagebackground.png');}

Share this post


Link to post
Share on other sites
asgsport

Thanks for the help guys! Ricky it worked like a charm, thanks!

Share this post


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

Sign in to follow this  

×