Back to Community
Home / Community / Theme → Sydney

How to Center Content in the Sydney WordPress Theme

17 threads Sep 9, 2025 Theme → Sydney

Content

One of the most common questions from users of the Sydney WordPress theme is how to center various elements on their pages. Whether it's a post title, a featured image, a YouTube video, or a portfolio item, left-aligned content can sometimes disrupt the visual balance of a design. Based on community support threads, this guide will walk you through the most effective methods to center content in the Sydney theme.

Why Does This Happen?

The Sydney theme's default styling often aligns certain elements, like post titles and featured images, to the left. This is a common design choice, but it may not suit every website's aesthetic. While the theme's customizer offers some alignment options, many specific centering requests require a bit of custom CSS to achieve the desired look.

Common Solutions for Centering Content

1. Centering Post Titles

If your post title (H1) is left-aligned, you have a couple of options. First, check the theme's built-in customizer settings.

Using the Customizer:

  1. Go to your WordPress dashboard.
  2. Navigate to Appearance > Customize.
  3. Go to the Blog section.
  4. Select Single Posts.
  5. Look for the Header alignment option and select Middle.

Using Custom CSS:
If the customizer option doesn't provide the desired result, you can add the following CSS code to Appearance > Customize > Additional CSS:

.single .hentry .title-post {
    text-align: center;
}

2. Centering Featured Images

Featured images on blog posts can be centered using a simple CSS snippet. Add the following code to the Additional CSS section:

.single-post .entry-thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

3. Centering Embedded Videos and Other Page Content

To center content you've added to your page, like YouTube videos or text, you can target the main content area. This CSS will center the text and block-level elements within the page body:

.page .entry-content,
.post .entry-content {
    text-align: center;
}

.page .entry-content > *,
.post .entry-content > * {
    margin-left: auto;
    margin-right: auto;
}

4. Centering a Single Portfolio Project

If you only have one project in your portfolio and it's stuck on the left, this CSS can help center it:

@media (min-width: 992px) {
    .projects-wrapper .project:nth-child(1n) {
        float: none;
        display: inline-block;
    }
    .projects-wrapper {
        text-align: center;
    }
}

5. Centering the Footer Copyright Text

To center the copyright information in your footer, use this CSS:

.site-info .col-md-6:first-child {
    width: 100%;
    text-align: center;
}

Important Notes and Best Practices

  • Use a Child Theme: If you are adding custom PHP code (like modifying template files), it is highly recommended to use a child theme. This prevents your customizations from being overwritten when the Sydney theme is updated.
  • Clear Your Cache: After adding any new CSS code, always clear your website's cache and your browser's cache to see the changes take effect immediately.
  • Specificity is Key: If a CSS solution doesn't work initially, the issue might be CSS specificity. Using more specific selectors (like adding .single or .page to your classes) can often help the new styles override the theme's defaults.

These solutions, gathered from the Sydney theme's support community, address the most frequently asked questions about centering content. By using the built-in customizer options and carefully adding custom CSS, you can achieve a centered, balanced layout for your website.

Related Support Threads Support