Custom header problems in Manifest theme

lpwhw · Member · Jun 11, 2012 at 7:10 pm
Copy link

Add topic to favorites
Hello WordPress World,

I had my wordpress.com blog up for a couple of months now, and have been having fun with my custom CSS upgrade (I have the bundle) to adjust the header image and the width of the text. It all looks great on my 13inch MacBook! But then, when I went to test out the page on the variety of computers floating around my place, and on the variety of browsers on those computers, I found that PCs and certain browsers (like Explorer) tend to distort the careful customizations I had in place.

In particular, the problems I’m having are:
1. In some versions of Explorer (and perhaps other browsers) the site title gets placed on top of my header image. As you can see, I’ve created a header image that already has my site title (my name) on it, so I’d like to get rid of the extra site title…BUT, I don’t want to make that field blank in settings because that, I believe, will make it harder for google to find my site (right? if I don’t have a site title?). What can/should I do?

2. Some browsers move my header image all the way to the right or to the left. I want it to be the same width as the main body of text. Is there any way to do this for all browsers?

3. Some browsers make my body text just huge and in a kind of typewriter font. I know I’ve picked as my main font an only moderately safe font, but I just wanted something a little different from Georgia. Any suggestions for fonts that look close Baskerville that are a little safer and won’t default to typewriter?

And then I have a further customization question: Right now my header image is flush against the top of the page. Ideally, I want to add about 8 milimetres of white space there, to give the page a bit of a border/frame (sorry, I know those aren’t the right words but hopefully you know what I mean).

I know a little HTML and can handle the basics, but I copied instructions for most of my customizations (especially to the header image) from the other posts on the Manifest theme on this forum. Perhaps I’ve done the customizations incorrectly and that is the the reason for different browsers not accepting the instructions as to how to read/present the page. Any advice or suggestions would be greatly appreciated! Thanks!

The blog I need help with is: (visible only to logged in users)
jarretcade · Member · Jun 12, 2012 at 1:47 am
Copy link
Checked your site in Chrome/IE9 on Win7 and it looks like you got the title issue sorted out? Unless I’m really just missing out on what you mean.

I don’t have an answer for your body text as you’ll just have to test that out.

I do have an answer in regards to your last request though! :)

In your custom css try the following…
```
#site-wrapper {
     margin-top: 10px;
}
```
You can adjust the 10 to increase/decrease the spacing.
designsimply · Member · Jun 14, 2012 at 10:36 pm
Copy link
1. In some versions of Explorer (and perhaps other browsers) the site title gets placed on top of my header image. As you can see, I’ve created a header image that already has my site title (my name) on it, so I’d like to get rid of the extra site title…BUT, I don’t want to make that field blank in settings because that, I believe, will make it harder for google to find my site (right? if I don’t have a site title?). What can/should I do?

Right. You can use text-indent to offset the site title. I checked http://laurenware.me/ and I see you already figured it out and you’re using this CSS:
```
#site-title {
	height:82px;
	text-indent:-9999px!important;
}
```
The “!important” part of that isn’t needed but doesn’t hurt anything.
designsimply · Member · Jun 14, 2012 at 10:39 pm
Copy link
2. Some browsers move my header image all the way to the right or to the left. I want it to be the same width as the main body of text. Is there any way to do this for all browsers?

I checked http://laurenware.me/ in a few different browsers and I couldn’t see this problem.
designsimply · Member · Jun 14, 2012 at 10:40 pm
Copy link
3. Some browsers make my body text just huge and in a kind of typewriter font.

I can’t see this happening either.
designsimply · Member · Jun 14, 2012 at 10:44 pm
Copy link
@jarretcade, thanks for answering the last question!

@lpwhw, you’re doing great! I love the modifications you’ve made to Manifest.

No items found.