• 0
Sign in to follow this  
Followers 0

Expanding size of Header Image

Question

Posted · Report post

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

5 answers to this question

  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

None of that code will work. I'd strongly suggest you delete it. What is your goal here?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

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  
Followers 0