Custom Image Cropped in WPfolio?

Hi,

I installed WPFolio, and have succeeded in editing some of the code. However, I’m struggling to understand the instructions on how to add a custom header image below.

You can see my image at https://www.VitaminCommissions.com. Is it possible to name it /health_affiliate_program.jpg for SEO, and keep the size 871×235? (I uploaded this image before I found your instructions. But even now, I still don’t know where to find the suggested folders and code.) Here is my current code in style.css:

/* @group header / / To change your header image create an image that is 960 pixels wide by 200 pixels high and name it header.jpg and place in the images folder in your theme directory/

div.header {background-image: url(‘https://www.vitamincommissions.com/wp-content/uploads/Health_Affiliate_Program.jpg’);

background-repeat: no-repeat;
background-position: 50% 50%;
margin-left: 0;
padding: 1.5em 30px .5em;
max-height:240px;
min-height: 50px;
overflow: visible;}

Can you help me solve this puzzle?

Also, I’m having trouble figuring out how to change the H1 to Verdana bold, and the body font to Verdana.

Thank you very much,

Greg Gibson

Here are your directions that I’m having trouble understanding…

https://dev.eyebeam.org/projects/wpfolio/wiki/header%20image 1. Make sure your image is 960 pixels wide, that is the size of the header. You will probably not want to make it much higher than 200px. 2. Save your image as header.jpg 3. Place the image in the images folder in the wpfolio folder within wordpres. There is already a header.jpg image in this folder, it is simply a white rectangle. Simply overwrite thsi file. 4. Open the CSS stylesheet in a text editor. 5. Navigate to the style named .header 6. The first selector of this style is commented out and should look like this 1. 7. Simply delete the / and the */ and your header image will appear.