Jump to content
Sign in to follow this  
davecfm

Continuous background image behind header

Recommended Posts

davecfm

Hello, Is it possible to have the background image continuous behind the header and navigation bar? The site has a light canvas effect and I'd like to see the header and text layered on top. www.farekitchen.com Thanks a bunch, Dave

Share this post


Link to post
Share on other sites
Rob

Dave, Take a look at www.epicurus.com/Glossary/. There, I have a background image set to tile horizontally, at 0 (height) and starting at 50 (width). It essentially tiles from the center outward. It's an image matching the height I wanted. The brand logo, with a transparent background sits above it. You'd upload and set the background image and then make the appropriate settings. It will take some fine-tuning of your background image to get it to just the right height.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
davecfm

Hi Rangelone, Not sure I follow exactly. How do you make the brand logo transparent? Is that done with css or in the header design, or both. Thanks Dave

Share this post


Link to post
Share on other sites
kastelic

To make your logo transparent, you have to save it as a transparent png in your image editor.

Share this post


Link to post
Share on other sites
davecfm

Hi Guys, I may have to start from scratch. I'm not trying to have my header or navigation stretch from left to right across the top like www.epicurus.com/Glossary/. I also was not looking to make the header transparent necessarily . My goal is to eliminate the white color around the header and navigation and continue with the light blue, canvas patterned background. Hope I'm explaining myself correctly. As always, thanks for the help! Dave www.farekitchen.com

Share this post


Link to post
Share on other sites
kastelic

getting a database error on your site. when it comes back, try setting it to

#page {background: transparent}

and then set all the elements except the header to background:white.

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  

×