Earphone / Template ???'s

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
Michelle_Allmon
Posts: 2
Joined: Tue Nov 21, 2006 4:15 pm

Earphone / Template ???'s

Post by Michelle_Allmon »

Hey,
I am using the earphone template. I could've swore it centered my blog before... not it doesn't. Can someone tell me the best way to change that?
Also I removed a bunch of templates I'll never use. They are still showing up in the admin area. Why? And how can I fix that?
Thanks!
Michelle
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Earphone / Template ???'s

Post by yellowled »

Michelle_Allmon wrote:I am using the earphone template. I could've swore it centered my blog before... not it doesn't. Can someone tell me the best way to change that?
Hm. In both your blog and my test installation the earphone template uses the whole width of the page (Firefox 2.0/Linux, 1024x768), so I'm wondering what you mean by 'centered'?

YL
Michelle_Allmon
Posts: 2
Joined: Tue Nov 21, 2006 4:15 pm

Look Now

Post by Michelle_Allmon »

http://www.myaphoto.com/blog/index.php? ... ts!!!.html

I also added the left column to try to make up for it. But you can see it there.
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Look Now

Post by yellowled »

Michelle_Allmon wrote:I also added the left column to try to make up for it. But you can see it there.
Yeah, I do. Any I can reproduce this in my test blog, so the good news is you didn't break anything :wink:

Hm. Hmhmhm. Basically, there must be something on the index page which determines the width of #mainpane, and usually I'd say it's the photos ... but here's the thing about the earphone template: the only things that are assigned a width in the style.css are the sidebars (13em). So that means that #content uses only as much width as it needs.

Adding a

Code: Select all

#mainpane { width: 100%; }
to the style.css should do the trick, i.e. expand the content to make the blog always use the full width of the browser window.

However, this could have side effects: First of all, I have only tested this in Firefox, and I have no idea how and if this works in other browsers. Second, the earphone template doesn't have any .tpl files, which means it uses the .tpl files from the default template. Once those are changed, you might have to edit earphone's style.css again.

YL
Post Reply