WordPress.com Forums » Tag: Center Alignment - Recent Posts

thesacredpath on "Center Alignment for Blog"

thesacredpath — Tue, 06 Sep 2011 17:06:16 +0000

You are welcome.

amk002 on "Center Alignment for Blog"

amk002 — Mon, 05 Sep 2011 22:40:03 +0000

Thank you all for your help!!

thesacredpath on "Center Alignment for Blog"

thesacredpath — Mon, 05 Sep 2011 19:41:06 +0000

You add the below background declaration to #title in your CSS replacing the existing URL with the URL of the new header image you upload to your media library.

#title {
background: url("http://letmebewhatsunderneath.files.wordpress.com/2011/06/cropped-header_flower1.jpg") no-repeat scroll 0 0 transparent;
}

designsimply on "Center Alignment for Blog"

designsimply — Mon, 05 Sep 2011 19:38:26 +0000

#title is a selector in CSS terms, and a declaration is the style rule that tells the browser how to display something (i.e. "background" in this case). So to put an image into the background declaration in #title, do this:

#title {
     background: url(MY_IMAGE_URL);
}

Note that if #title already exists in your custom CSS, just add the background line or replace it if it's already there. Also, replace MY_IMAGE_URL with the image you want to use. You can find the image URL inside the media library if you click on an image after you upload it.

amk002 on "Center Alignment for Blog"

amk002 — Mon, 05 Sep 2011 19:32:25 +0000

What do you mean by "put it into the background declaration in #title"? I'm not sure how I do this.

thesacredpath on "Center Alignment for Blog"

thesacredpath — Mon, 05 Sep 2011 19:20:46 +0000

One other thing, in future, don't paste the entire stylesheet into the forums. We can see it on your site using Firebug or a similar web development tool and it just makes navigating the threads in the forum more difficult. Thanks.

thesacredpath on "Center Alignment for Blog"

thesacredpath — Mon, 05 Sep 2011 19:19:18 +0000

Your image is only 920px wide while the wrapper you have set at 1220px.

This will center the image and the text.

#title {
margin-left: auto;
margin-right: auto;
}

If you want the image to go full width, then you have to create a new image the correct width, upload it to the media library (don't use the header uploader because it will always crop to the original size), get the URL and put it into the background declaration in #title.

amk002 on "Center Alignment for Blog"

amk002 — Mon, 05 Sep 2011 18:31:58 +0000

Thanks SacredPath! That was really helpful! One more question....now how would I get my header (image and text) to be centered completely over my page..?

Thanks!!

thesacredpath on "Center Alignment for Blog"

thesacredpath — Mon, 05 Sep 2011 18:10:45 +0000

Ah, sorry, I misunderstood. Add the following two declarations to #wrapper in your CSS.

margin-left: auto;
margin-right: auto;

timethief on "Center Alignment for Blog"

timethief — Mon, 05 Sep 2011 18:05:19 +0000

When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

amk002 on "Center Alignment for Blog"

amk002 — Mon, 05 Sep 2011 18:03:38 +0000

I actually don't want the text centered in my posts. I want the entire page to be centered. If you look at my blog you can see that there is more yellow background to the right. I want it equal on each side. How do I change that?

Thanks again!

thesacredpath on "Center Alignment for Blog"

thesacredpath — Sun, 04 Sep 2011 03:56:10 +0000

Center alignment is really bad for reading which is why books are not center aligned. Just sayin....

Second thing: Never paste the entire stylesheet into the CSS edit window. 9 times out of 10 it will cause problems. Paste only the specific selectors, and only the specific declarations you are changing or adding into the CSS edit window and then make sure that the "add to existing..." is checked before saving.

#content {
text-align: center !important;
}

You are going to have to do a lot of editing of your posts because you have many paragraphs that you have set to left alignment and you will have to edit those in the HTML tab and remove the left alignment. Whatever is put into the post as far as formatting overrides the CSS. There isn't anyway to override formatting at the HTML level from CSS.

amk002 on "Center Alignment for Blog"

amk002 — Sun, 04 Sep 2011 03:46:25 +0000

How do I center my entire blog page? Right now, it's aligned left.

Any help is much appreciated as I'm somewhat new to this.

My CSS is below:

[CSS code block removed by staff because it was too long. Please just include shorter snippets when you post CSS examples. Also note that we can look at the CSS via link if it's saved in your CSS page. We'd just have to look in the page source to find the reference.]

starcraftadventures on "Weird text alignment"

starcraftadventures — Wed, 22 Dec 2010 20:16:14 +0000

Resolved; thank you!

timethief on "Weird text alignment"

timethief — Wed, 22 Dec 2010 19:51:55 +0000

Yes I see it. When we use the alignment icons in the editor what we are really doing is positioning text - not images. If you want that "The demo of " to appear under the image then you will have to use the "center" alignment icon.

starcraftadventures on "Weird text alignment"

starcraftadventures — Wed, 22 Dec 2010 19:49:24 +0000

Is there no text ('The demo of') on the top right of the image on your screen?

timethief on "Weird text alignment"

timethief — Wed, 22 Dec 2010 19:40:17 +0000

I'm using Firefox 3.6.13 and I don't see anything unusual about the alignment at all in this post http://starcraftadventures.wordpress.com/2010/12/22/starcraft-2-demo/

Please try logging out of wordpress.com, clearing your browser cache and cookies and logging in again. http://en.support.wordpress.com/browser-issues/

starcraftadventures on "Weird text alignment"

starcraftadventures — Wed, 22 Dec 2010 19:04:25 +0000

On my latest news post the text alignment is kindoff funny. Does anyoen know how to resolse this? It hasn't happened before and I have already tried a few solutions, none of them working.

Thank you.

lisalax on "Search Form Widget: Center Alignment"

lisalax — Tue, 07 Dec 2010 00:28:59 +0000

Awesome!

Thanks hallluke

hallluke on "Search Form Widget: Center Alignment"

hallluke — Mon, 06 Dec 2010 23:29:57 +0000

#search_form #s {margin:0 auto; display:block;}

lisalax on "Search Form Widget: Center Alignment"

lisalax — Mon, 06 Dec 2010 21:44:33 +0000

Hello,

I have tried several suggestions from other forums on this matter. All I want to do is find the CSS code for centering the form box from the "Search Widget". It is currently left-aligned.

I thought this should have done the trick:

#s {
margin-left: 30px
}