#selector{
width:  1050px;
}

Please remember to remove the original code you added for the #access, #main, and #footer selectors as it is unneeded and in order to avoid any confusion when editing the code in future.

As a side note, I would recommend using a maximum width of 1000px for your website. A majority of desktop users have screen size of 1024x768, thus a web page with a width of 1050px may not display as desired on their screens.

Hope this helps. :)

i'll not try changing color for the 'travel' part now.. will probably do it as an image in the future.

anyway, thanks a lot!!! :)

.site-title, .site-description { text-align: center; }

2.) You can change the site title using the following CSS:
.site-title a { color: <strong>COLOURCODEHERE</strong>; }

Changing just the "travel" part of your title is possible but a little more complicated...

1) Centering
2) Changing font color
-Option 1: I would like to have 'travel' to be in a different color from the rest of the words in miss travelosopher. Possible?
-Option 2: site title in a different color, while tagline stays in black
(will be good if help is given to both above options so that I can fiddle and experiment whichever looks best!)

I couldn't find any code that works on mine so far! Kind help is needed!

Oh, and I'm currently using Oxygen theme.

Thanks in advance!! :)

I think the general code is one that I'd tried while testing various examples of code that I'd run across, but with the code that centered all of the widgets, the one thing that I discovered and that I hadn't considered was that for my text widget with my copyright stuff, the text all went center-justified too! For that, I wound up using some code that nudged the whole widget to the right until it looked centered.
I've been learning more CSS than I had ever imagined I'd need to know!

Many thanks!
Mark

Well, I've discovered a way, using the Firebug plugin for Firefox

Nice! It looks like you have selectively picked out which widget names to center using the specific widget class name for each one. This is a more general example that could replace all of those with just one rule:

.widget {
	text-align: center;
}

If you look at the HTML with Firebug, you'll notice that each widget had two class names: one is "widget" and one is something more specific like "widget_blog_subscription".

<aside id="blog_subscription-5" class="widget widget_blog_subscription">

That's why using ".widget" as a selector will also work.

That worked perfectly, but it made me realize that the other widgets are not centered either (funny how centering just one can highlight that the others aren't). Is there a list of the variables (e.g. widget_archive) used for all other widgets so that I can get the rest of them centered?

Thanks a bunch :-)
Mark

.widget_archive {
	text-align: center;
}

I was also wondering how to center the Page titles.

In your custom CSS, you currently have this:

#h1{text-align:center}

That won't work because h1 is an HTML element and it doesn't need a "#" in front of it for CSS. In CSS, you can use the "#" to target HTML elements that have ID values. For example, if you had HTML that said <h1 id="hello">Title</h1> then you could target it by using "#hello" in your CSS to target only that specific title and not any others or just "h1" to target all h1 elements throughout the site.

To center the titles on pages in the Twenty Eleven theme, you can use a class selector. It's similar to an ID selector, except you use a "." instead of a "#" to target. Here is an example:

.singular .entry-title {
	text-align: center;
}

The ".singlular" part means that it just affects single pages and not posts or other types of pages.

I am trying to center the Navigation bar and Page Titles

What you have is close! Note that Twenty Eleven uses an ID of "access" for the menu, so you'll want to use #access instead of #nav. Also, you need to add centering to the parent element if you use inline-block on the ul or li elements. Here is an example:

#access ul {
	text-align: center;
}

#access ul li {
	display: inline-block;
	float: none;
	text-align: left;
}

Many thanks,
Mark

Here is an example if you need to see it: http://withbackpack.wordpress.com/2009/05/06/zhengzhou-i-guess-she-doesnt-speak-english/

Thanks!

Thanks!

Thank you sooo much :)) yay,, I can happily start blogging now :) have a wonderful day

Ill give it a try,,,,

Try this in your CSS:
#site-introduction { text-align: center; }

Hope that helps!

just started a new blog, nothing there yet,

Im using the Able Theme, and just want to Center the Site title , and site description

I know Nothing about CSS . to busy with work to learn.

I tried this,,

p { h1.site.title-align: center } in the CSS editor but nothing happened,,,

Please help me...:)

thanks :)

~Jourdan ~

I am hoping someone can help me figure out how to center the entry date on my blog posts. I have purchased a design upgrade and my blog is here: http://sea-skylark.com.

I have already changed the Entry Title and Entry Meta to align center, but as you can see my Entry Meta is a little off center. I have tried messing with the padding, etc., but I can't seem to figure out how to perfectly center it with the Entry Title. Is there something I'm missing?

Any help with this is much appreciated!

<br /> #menu-menu {<br /> display: inline-block;<br /> vertical-align: top;<br /> }<br />