Building a new site... need help!

I've got a site theme in mind, and I need some help getting it all together.
The site I'm building for a friend is http://www.binkyblanky.com
It's going to sell custom baby blankets...

Here's what I want it to look like.

I guess we should start with the purple border around the entire site, and the image at the footer. I'm pretty sure I can figure out everything else...

Thank you!

canemasters:

I've got a site theme in mind, and I need some help getting it all together.
The site I'm building for a friend is http://www.binkyblanky.com
It's going to sell custom baby blankets...

Here's what I want it to look like.

I guess we should start with the purple border around the entire site, and the image at the footer. I'm pretty sure I can figure out everything else...

Thank you!

for the border, add the following highlighted portion to this declaration in your stylesheet.css

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 900px;
vertical-align: top;
border: 3px solid #B28AA5;

}

The footer is a bit more complicated and requires adding a declaration to your stylesheet.css and editing includes/templates/YOUR_TEMPLATE/common/tpl_footer.php

add the following declaration to your stylesheet.css

#footerWrapper {
background: url(../images/Your_Image.jpg);
}

Now open includes/templates/YOUR_TEMPLATE/common/tpl_footer.php

find the following line of code

add the following just below
<div id="footerWrapper">

Now go all the way to the bottom and immediately after the last

?>
add
</div>

save the file and upload to your server

Thank you!!! :clap:

I swear I'm going to learn all of this one day!

one more itty bitty thing... how hard would it be to put a 3px wide white padding on the outside of the purple border to seperate it from all of the bubbles in the background? You can see what I'm talking about in that picture. Thank you again!

canemasters:

Thank you!!! :clap:

I swear I'm going to learn all of this one day!

one more itty bitty thing... how hard would it be to put a 3px wide white padding on the outside of the purple border to seperate it from all of the bubbles in the background? You can see what I'm talking about in that picture. Thank you again!

You could try editing
includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php

so that you place an "outer wrapper" <div> around the page.

First find the mainWrapper line of code and immediately above it add the highlighted portion as shown.

<div id="outerWrapper">

Now find the following line of code and add the closing </div> as shown

</div>

Save the file and upload to your server.

Add the following declaration to your stylesheet.css

#outerWrapper {
margin: auto;
paddidng: 3px;
background: #fff;
width: 903px;
}

Save the file and upload to your server

I'm learning a lot from this that I didn't before. Notice how I figured out how to place those stripes below my header from what you showed me on the footer??

Thank you! I'll give this a shot.

(I wish there was a diagram of what php file controled what aspect on the live page!)

worked great! only, I had to change it to 806px, not 803px... needed 3px on each side.

But still, it worked.

Thank you.

canemasters:

worked great! only, I had to change it to 806px, not 803px... needed 3px on each side.

But still, it worked.

Thank you.

Glad to help.