widened page, then header shrunk and wont center, also blogroll and tweet weird
-
Hi There,
I widened my page width and my header will not widen with it. It is stuck to the left wall now. I still have to crop the original image when I try to re-customize in the “custom header” section even though it’s actually perfect for the new length. also, my blogroll/twitters at the bottom have now merged and moved to one side (I’d prefer them to be side by side, centered)
ambiru theme
chicandyoushallfind.wordpress.comThanks!
The blog I need help with is: (visible only to logged in users)
-
Once you get the CSS upgrade and edit the CSS, you can no longer use the custom header uploader as it will always size the image to the original size. You have to upload it to your media library, get the URL of that uploaded image and then put that URL into the correct location in the CSS.
You’ve also pasted the entire CSS stylesheet into the CSS edit window and that causes issues here at wordpress.COM. You also obviously have “add to existing…” selected which is causing the stuff you pasted into the edit window to fight with the original CSS causing issues.
Pasting the entire CSS into the edit window also breaks all of the relative URL’s in the CSS.
On the bottom bar issue, first off you’ve set it to 260px wide, which is part of the issue, but as to why everything is stacking up vertically, I haven’t yet figured out.
-
You need to read this on what to do and not do with the CSS upgrade here: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ .
-
great i’ll start with that thanks!!!
i haven’t pasted anything into the window except hints from you that i’ve seen from other posts here, however?
i just want to widen and center my header and make my twitter and blogroll look normal.
have i done too much damage already? -
No, but the one thing to remember is that CSS is theme specific so stuff that might have been elsewhere in the forums were likely for different themes – unless in that thread it was stated it was for the theme you are using.
Why don’t you tell me what you want to do exactly and I’ll work on it for you.
-
I’m most definitely a novice, just thought I could play around til I figured it out. And look at where that got me! I would love any help you’re willing to give!
I just want to make my header the same size as my posts and I’d like them both to be about twice as wide as the Ambiru default. I’d like my post titles and text content to be centered. And lastly, I need the blogroll and tweets to be side by side and centered.
thank you a million.
-
OK, delete everything from the CSS edit window and then paste the following into the window and click preview to see if that gives you what you want. Also, take a look at what I have done and how I have done it, putting only the specific declarations and sections I needed to accomplish what you wanted.
Since there are only two columns in the sidebar (bottom bar) area, what I did was to expand that width (#sidebar), and then also expand the width of the widgets (#sidebar .sec-a) so that each column takes up half the sidebar area.
For your header, upload it directly to the media library, get the URL of that image and then replace the URL of the original image in the “background” section under #header. The image should be 700px x 225px.
#wrap { width:700px; } #header { background:transparent url(http://s1.wordpress.com/wp-content/themes/pub/ambiru/images/header.png) no-repeat scroll 0 0; width:700px; } #header h1 a, #desc { display:none; } #nav { width:690px; } #content { width:690px; text-align:center; } #sidebar { width:670px; margin:0; } #sidebar .sec-a { width:300px; } -
you rock! almost there, the header image is just still not wide enough. and the blogroll and tweets are still on top of one another. any other helpful hints? i’m more concerned with the header obviously.
thank you again and again!
-
One thing I’ll mention is that center-aligned text is very difficult to read since a large portion of the world is used to reading left to right and having the beginning of each line starting in a vertical line. Having each line start at a different location horizontally is very disconcerting.
Center aligned text should really only be used for major headings, not for body text. It flies in the face of hundreds of years of good design principles.
-
Click “save stylesheet” so that I can take a look. On my test blog, the bottom sidebar section is two columns side-by-side.
-
-
To take the center-align text out, delete this line from #content
text-align:center;text-align:center;`To center align the titles for the posts, add the following at the bottom of your CSS window:
.entry { text-align:center; }I’m still seeing a 546px wide header image in the #header section in the CSS. Did you paste the URL for a 700px wide x 225 high image in there?
-
-
-
This is the URL of the header image I’m seeing in the CSS http://chicandyoushallfind.files.wordpress.com/2009/11/artforblog18.jpg which is 546px wide.
You did not use the custom header uploader, right? You pasted the URL directly into the CSS?
-
completely my fault. i use gimp and it’s finnicky–TA DAH, it’s perfect! thank you so very very much for your patience.
your technological karma must be insane.
‘night
-
You’re welcome. All I see that still needs changing is the text align bits.
Heh! Technological karma. I like that.
:-)
-
If you come back to this thread, in the “Limit width to…” box, change it from 540 to 740 so that your images will insert at the maximum width for your new wider design.
- The topic ‘widened page, then header shrunk and wont center, also blogroll and tweet weird’ is closed to new replies.
WordPress.com Forums 
