Can everything be changed?

[Chris10]

Without being an expert at coding is it possible to change the look of your whole site? I've looked at plenty of tutorials and everything and most of it might as well be in greek because it makes little or no sense to me. This is what my site looks like now and this is something likewhat I wish it could look like .

If not could someone please tell me if it's possible to get rid of those darker blue parts on the left column, and then move the left column up to be even with the pink bar in the middle and put an image directly over that bar just like the pink image that's on the tops of the boxes? And get rid of that annoying green "Welcome" that I can't seem to find....I figured out how to change it's color in the stylesheet but I don't see anywhere to remove it all together. Does that even make sense to anyone but me?

Any ideas would be greatly appreciated!

[afo]

To move the left column up,

change this

.leftBoxContainer {
	border: 1px solid #004f73;
	margin-top: 1.5em;
	}

to this

.leftBoxContainer {
	border: 0px solid #004f73;
	margin-top: 0em;
	}

The annoying green "Welcome" is in includes/languages/YOUR_TEMPLATE/english.php. Look for

//define('SITE_TAGLINE'

[gjh42]

The things you are asking for are really very minor adjustments, and most can be done just by settings in your admin or editing your stylesheet.

Stylesheet:

For the blue parts, that is a margin on .leftBoxContainer. Find it in your stylesheet and change it and the border to 0.

.leftBoxContainer {
    border: 1px solid #004f73;
    margin-top: 1.5em;
    } 

The background image you have on your sidebox headings can also be applied to #navBreadCrumb which is the center bar.

If you don't already have it, get Firefox with the Web Developer extension.
Information > Display Element Information will show you what is what, and CSS > Edit CSS will allow you to see the effect of stylesheet changes instantly.

If you don't want all the sideboxes, they can be controlled in admin > Configuration > Layout Settings and Tools > Layout Boxes Controller.

The "Welcome" you mention is the site tagline, which you have already edited from the original "Tagline here" text.
Use Tools > Developer's Toolkit to search for 'Welcome' and you will find the english.php file where it is defined. Change it to '' (two single quotes) and it will no longer be displayed at all.

The "Home" navbar is easily moved to below your logo in tpl_header.php. Simply move the entire block of code between <!-- bof navigation display --> and <!-- eof navigation display --> inclusive to just after <!-- eof branding display -->.You can also find the appropriate div id and give it the same background image as the headings if you wish.

I like the 3-D effect on the bars in your mockup. You can achieve that on variable width headings by using the sliding door method (search the forum for good explanations.)

One final note - your logo image is beautiful, but it's huge and will take a long time to load on all but the fastest connections. Consider if there is a way you can reduce its file size.

[Chris10]

Thank you so much afo! I did get the column to move up but, the code you gave me to remove the green "welcome" under the header did not work but it did show me how to change the "art of e-commerce" stuff lol. Thank you again :)

In order to put an image on top of the pink bar in the middle, how would I code that? Or where?

[afo]

Thank you so much afo! I did get the column to move up but, the code you gave me to remove the green "welcome" under the header did not work but it did show me how to change the "art of e-commerce" stuff lol. Thank you again :)

In order to put an image on top of the pink bar in the middle, how would I code that? Or where?

I gave you the wrong location for that. It's in includes/languages/english/YOUR_TEMPLATE/meta_tags.php

// Site Tagline
define('SITE_TAGLINE', 'Welcome');

Change it to two single quotes as gjh42 said.

// Site Tagline
define('SITE_TAGLINE', '');

[Chris10]

Thank you gjh42 that was very helpful! I just installed the extension and it seems to be helping alot. I just have to figure out how to line some things up. That's a good point about my header, I may have to change that.

Thank you again!

[kobra]

In your stylesheet.css file find these and edit the colors

For the center color in your pic:

#mainWrapper {
        background-color: #014f73;
	text-align: left;
	width: 750px;
	vertical-align: top;
	}

For the sidebox color in your pic:

.sideBoxContent {
	background-color: #00202e;
	padding: 0.4em;
	}