how to center content on wordpress

  • Unknown's avatar
    shardulmahida · Member ·

    Hi how is everyone? I been working on my photography website and it’s almost ready just one small problem. I am trying to Center the blog post. I just want to center the content area rather then being on the left. This is one of the blog post —> http://shardulmphotography.com/salaam-namaste/

    and here is my style.css

    [Edit: Long code post removed by staff.]

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Great leaping lizards!

    That site is not a free hosted WordPress.com blog and we do not provide support for WordPress.org installs here. WordPress.com and WordPress.org are completely separate and have separate logins. If you don’t have a username account at WordPress.ORG click http://wordpress.org/support/ and register one on the top right hand corner of the page that opens, so you can post to the support forums there and receive advice from WordPress.ORG bloggers.

  • Unknown's avatar
    designsimply · Member ·

    Any browser can view the style.css, so there’s no need to post it in the forums! Here is a link to your style.css, for example:
    http://shardulmphotography.com/wp-content/themes/invictus_2.6.31/style.css

    If you need to post a code example in the forums, it’s more polite to post just the specific snippet of it that you have a question about.

    I checked http://shardulmphotography.com/salaam-namaste/ and I found that site is setup using WordPress software, but it is not hosted here at WordPress.com. See http://support.wordpress.com/com-vs-org/ to learn about the differences.

    This forum is for supporting WordPress.com blogs.

    I’ll get you started with a basic example of centering and then you should ask for help either from the theme author or at http://wordpress.org/support/

    This will center the main content area for large screen sizes currently showing at http://shardulmphotography.com/salaam-namaste/

    @media (min-width: 980px) {
	#main, .fullsize-gallery #main, .page-template-contact_us-php #main, .page-template-template-fullsize-php #main, .page-template-template-blog-fullsize-php #main, .blog-fullwidth #main, .fullsize-gallery #main {
		margin: 110px auto 0px;
	}
}

    The header, including the menu, are using fixed positioning, so they’re a bit more involved to center and you would also need to decide whether you want to keep them fixed or change it so they move with the rest of the content.

  • The topic ‘how to center content on wordpress’ is closed to new replies.