Jump to content
Sign in to follow this  
cvandyck

Expanding size of Header Image

Recommended Posts

cvandyck    0
cvandyck

Am trying to expand size of header image as well as move .. ... applied the following code .. wanted the image to expand to width of page ... also tried 125% instead of "contain" .... doesn't seem to work .. suggestions? /* This is to give a background image*/ #page-canvas {background-image: url("http://ccvandyck@savefairfaxcountyschools.com/savefcps/wp-content/themes/platform/images/SchoolImage.JPG"); background-size: contain; background-position: top left, -50,0;} #page-canvas {background-repeat:no-repeat;}

Share this post


Link to post
Share on other sites
Rob    547
Rob
First, your code above includes an email address, not a URL. Are you trying to make this header wider than the maximum content of the site?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob
None of that code will work. I'd strongly suggest you delete it. What is your goal here?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cvandyck    0
cvandyck
goal is to take an image and use it for the header .. ie .. image banner .. .. just can't figure out how to do it just curious but why won't that code work?

Share this post


Link to post
Share on other sites
jennajonesdesign+    15
jennajonesdesign
I have done this by just uploading my image banner as the logo. It will allow it to take up the full width. For this option you will just have to include your logo in your image banner. Another option...Use the full width deign framework and design your background to include the background, header and page. It will just be one flattened image instead of different parts layered on top of each other. With this option your logo can stay separate. I don't know a lot of code so this is may way of problem solving around coding. ;) Jenna

Share this post


Link to post
Share on other sites
Rob    547
Rob
First, the image itself is almost the whole page... rather than merely the header itself. Second, because your URL for the image was an email address ccvandyck@.... Thought it may have appeared, the link wasn't correct. Please take a quick look at my site... http://www.epicurus.com/ where you'll see a full width header background. You need an image more than 2000 pixels wide but not more than 3600px.. and not too tall. Make sure in the Design Control, where you've uploaded your image, you have the vertical position set to 0 (top) and the horizontal set to 50 (center). Also, make sure you set the repeat correctly. For one single image, just set it to Do Not Repeat.

Former PageLines Moderator, Food Expert and Raconteur

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  

×