Comments on: CSS Custom Headers

By: kristarella

kristarella — Tue, 31 Jan 2012 23:55:57 +0000

Stefan --- Try adding .custom #tagline {clear:right;} to your CSS. That might fix it. If not, try rearranging your header's CSS using positioning rather than floats; it tends to behave a bit more consistently in IE & other browsers.

By: Stefan

Stefan — Tue, 31 Jan 2012 20:29:29 +0000

I have a Problem with ie 7 and older versions. In Firefox it Looks great but in ie the Header is destroyed. What can i do? Can you help me, please?

By: kristarella

kristarella — Tue, 24 Jan 2012 22:49:13 +0000

Dave — Your header image has the CSS
#header img {
margin-left:auto;
margin-right:auto;
}
applied to it. If you remove that it will go to the left.

I have no idea about the second part. That could be Blogger stripping styles for some reason, or the template might have something else weird going on. I can’t see any CSS for the post content that would cause that. Perhaps you can check your Blogger writing settings and make sure there’s no setting to strip HTML from the posts or something like that.

By: Dave

Dave — Sat, 21 Jan 2012 18:02:36 +0000

Hi Kristarella,
I’ve been reading the posts here and it seems like you have quite a handle on the blog world. I am starting one for a book I had published, and have taken an existing template and modified all the graphics to suit the subject matter. However, I have two issues I’ve run into and figure you are the one to ask based on what I’ve read.

1. I have a transparent image instead of a title so I can have more consistency with the publication cover. However, the graphic seems to be centered on the page. Ideally, I’d like it to be flush to the left side, in line with the paper. I’ve tried creating a different sized GIF with more space on the right… but didn’t seem to do the trick. Any ideas?

2. The original template had it’s own CSS and now when I create a post and try to change the type styles (such as bolding, size, etc) they all seem to revert to the built in CSS styles and don’t adapt to my edits. Any easy way to modify this?

Also, I’m using Blogger, not WordPress.

Cheers,
Dave

By: kristarella

kristarella — Thu, 12 Jan 2012 23:21:34 +0000

Anuj --- You would probably have to ask Thesis Themes how to do it: they have their own support section, and I'm not very familiar with their non-standard way of doing things.Built in to Thesis is a No Sidebars template, so you should be able to use that to remove sidebars on specific pages.Removing them via CSS is not optimal because the content is still in the HTML and viewable by search engines, also you will have to do extra CSS changes to fix up the page widths, not only hide the sidebars. If that doesn't bother you, then go ahead and use CSS.

By: Anuj@improve google pagerank

Anuj@improve google pagerank — Thu, 12 Jan 2012 08:44:16 +0000

Firstly thanks mate appreciate it. This is one a a very small number of thesis sites that I have book marked — I come back to this site again and again, thank you for all your hard work.

Secondly I am using a skin from thesis themes and therefore have no idea on how to adjust the function php and do it that way i.e. by creating a custom page template — because the skin uses a custom page template for a “portfolio style” page.

That being said would you recommend another way — and why would removing the sidebars via css NOT be optimal ?

Appreciate your help

By: kristarella

kristarella — Fri, 06 Jan 2012 07:58:17 +0000

SS --- Here's a reference for CSS backgrounds , assuming that is the method you are using. Maybe that will help you. Apart from that I'm not really sure how to help you without seeing it... if you're subscribed to the comment emails you can probably reply straight to that email with the link and it will go to my inbox, if you think that is better. Or you can try pasting your CSS and the source code for the header.

By: SS

SS — Fri, 06 Jan 2012 02:38:30 +0000

Wow, thanks for the reply so quick! I was able to center the nav bar just not the header image. Ideally, the nav bar would be directly under the header image not above it (with both being centered). Its an adult site so not sure I should post the link?

By: kristarella

kristarella — Fri, 06 Jan 2012 02:13:27 +0000

If you can’t change anything via CSS, then you’re pasting it in the wrong place, or there’s an error further up in the CSS file. Apart from that I can’t tell you what’s wrong without seeing the site.

By: Sluttystars

Sluttystars — Fri, 06 Jan 2012 01:13:16 +0000

For some reason I can’t get the header image to center using the methods on here and in the comments. It’s slightly to the left (same as nav bar) would like to center them both :-)