I’m a new user to EE and as a non programmer I have some trouble getting my blog to work as I would like (there are lots of stuff I would like to change, however, I’ll start with some simple thing first) - and would ask if anyone could give me som quick advice.

Here is what I would like to do:

1: On the front page (I used template 1) I can’t get to “About” - I tried to put in a separate “about” page - but can’t get it to work. This also count for the “Links” page (with a different layout) What would be the best approach here?

2: The top part - how can I change the picture and the color as well as making the banner wider? Is there also a trick to insert images - I tried, but where not able to get it right and place it where I would like it to be placed.

3: In the box where it says Reading, Listening, Viewing - how can I make a different background color?

Looking forward to your answers.

Thanks.

Jostein Algroy

I’m not sure what exactly you mean with #1, so I don’t know what to tell you there. As for #2, look in the CSS for #picture—

The image and dimenions are set there.

As for #3, look in the CSS for #rightbar—

Change “background” to wherever colour you’d like.

Myria

Jostein...
I’ll try to help with a few of your questions…

2…Change Picture…
The picture in the top left of the template is in the CSS template. It is a background image to a DIV called “picture”...You can also see the size the picture needs to be to fill the box…
#picture {
margin: 0;
padding: 0;
width: 230px;
height: 153px;
background: transparent url(./images/sample.jpg) no-repeat top left;
border-bottom: 1px solid #666;
color: #333;
}

2…Change Color…
In the CSS, you can change it to whatever you want.
#blogtitle {
position: relative;
margin: 0;
padding: 0;
clear: both;
background: #0D417A;
color: #fff;
width: 547px;
text-align: right;
}

2…Change Width…
The width is a little more complicated in that there are several different DIVs that have width assignments and all add up to the whole…I’m assuming you want to change the width of the overall page, not just the top banner…Again, this is all in the CSS template…Look for these DIVs…
#wrapper…width: 778px; Overall width of the entire page.
#sidebar…width: 230px; This is the whole left Sidebar including the picture at the top.
#main…width: 546px; Width of all the Main content area, the right side of the page, including the title, main menu, content, and the Reading/Listening/Viewing box.
#rightbar…width: 163px; Controls the width of the Reading/Listening/Viewing box.
That ought to get you started but you also need to pay attention to “margins” and “padding” statements within DIVs as they also come into play in the overall width formula.

3…Change Color…
This is similar to the color change for the Title area, just a different DIV…
#rightbar {
border: 1px solid #666;
float: right;
width: 163px;
background: #fff;
color: #333;
margin: 0px 0px 10px 10px;
}

As you can see, the whole look and feel of the Theme is controlled in the CSS template.
Hope this gets you started.

Myria...
We must have been typing at the same time…you beat me.

1.  Let’s imagine that you created a new Template to hold your “about” page.  You create a Template named “about” in the “weblog” Template Group.  In order to link to it, you need to alter the HTML link.  For your case, the link might look like this:

{path=} is a global variable that you can use to link to a specific Template inside EE.

My website is at www.smootherthanbutter.com . I tried changing the values of the #wrapper width and all it does is shift the whole page to the left, even when the position is switched from relative to absolute. How can I get my blog to increase in width without going left?

Also, to change the values of the left or right columns which do I edit, the #left or the #leftbar? What’s the difference between these two?

schumert...
Did you figure this out yet? ... I looked earlier but didn’t have time to comment and now it looks like you’ve added/changed from what I saw earlier.

Got it.