Hi, I am trying to resize my logo (to be smaller) in the header. Is there a way to do this is the code, or do I have to edit it and re-upload it? I've gone into the header.php and entered this <img src="image.jpg" width="200" height="150"> and no matter what I change the width and height to be, it remains the same.

The second thing I'm trying to do is change the background color on the left and right sides of the site (to the left/right of the header, content area, footer). Is this possible? I feel like my site looks kind of "blah" right now so I was hoping that might help a little...any suggestions/critiques are welcome (I'm only working on layout/design, so content is lacking and pictures in the slideshow are irrelevant).

http://4seasonsoutdoorservices.com/redo/

Thanks so much in advance.

Originally Posted by kalibali04

I am trying to resize my logo (to be smaller) in the header.

The second thing I'm trying to do is change the background color on the left and right sides of the site (to the left/right of the header, content area, footer).

Change this line:

<div id="logo-img" class="col1.5"  >

to:

<div id="logo-img" class="col3"  >

And see if it doesn't do it.

You can also try making it col2 and change the other div in the row to col10 if col 3 is still too wide for your image.

Since it appears you've been playing with your grids, this post might help. It also tells you how to color bg divs with inline css. That's an easy way to play with them to get what you want. Once you find what you like, you can edit your css files and remove the inline css code.

From what you're describing, you might want to change the bg color of your body first and then change your other divs back. Play with a test template and have fun.

thank you jerryc. I tried to change the "col__" to equal 12, but it brings my page title down to the next line. (I have it set at col2 and col10 right now if you want to see what I'm talking about)

Also, for the color that I'm looking to change it's the background background color. For example, on this page it would be the gray area to the left and right of the header, body, and footer. I tried changing the code like in the post you linked to, but it would only change the color of the body area.

You've got rows within rows on your header, and I doubt that's what you want.

I'd suggest rebuilding your header grid(s) piece by piece, with no content, just using different colored bg colors, like the grid post suggests. Start with your opening and closing row div tags, then put your cols in between. Then, once you get a layout you like, put your image, logo font, etc. back in where you want them.

If you code the div backgrounds like the post says, you'll only color each div bg. To color the whole body bg, you have to style the body tag, which I doubt you can do from a template, so you'd need to edit the css file for the body element.