Need help? Check out our Support site, then


how to center photos on homepage feature posts

  1. Hi - recently got started trying to customize aspects of the Morning After theme.

    The url of the blog is http://spinncycle.wordpress.com/

    Can't modify the font and color of the blog title. I purchased the update but when I try to apply the font change to the title I get a message saying that the attempt failed. Attempts to include a color add-on on my CSS stylesheet for the blog title also don't work.

    The other snag I've run into is the inability to center the photo that appears on the feature post on the homepage. The photo centers when you click for the full post, but on the homepage the image remains on the left.

    Any assistance would be much appreciated.

    The blog I need help with is spinncycle.wordpress.com.

  2. Hello there,
    I have flagged this thread so our Moderators move it to the CSS Forum for you where you can get help. Please be patient while waiting.

  3. Thanks, much appreciated.

  4. Title issue is resolved.

    Still looking for a way to center post images on the homepage.

  5. Since your site is private, we volunteers cannot see it. That means all of this is somewhat of a guess using the theme demo site as a guide.

    To change the color of the site title (non-hover) paste the following and change the hex color code to your liking.

    #header #logo .title a {
    color: #000000;
    }

    If you want to change the hover background or font color paste the following and edit the colors.

    #header #logo .title a:hover {
    background: #000000;
    color: #FFFFFF;
    }

    Site description (tagline top grey border and color declaration are here.

    #header #logo .title .desc {
    border-top: 1px solid #CCCCCC;
    color: #666666;
    }

    On the image centering issue I can't really help because nothing on the demo site "needs" to be centered. The latest post on the demo site has a full-width image there. For this you might have to wait till staff wander through. They can view your private site.

  6. The only way I have found to do this is to edit the left margin for the photo using CSS. In my case, the code was:

    .featuredpost img {
    margin-left:245px;
    }

    And for the slider, the code was:

    #slides img {
    margin-left:229px;
    }

  7. @hlindskold
    The blog linked to your username is wearing a premium theme ie. Fresh News. xava7 is using The Morning After theme, and all CSS editing here at WordPress.com is theme specific.

  8. Thanks for the responses.

Topic Closed

This topic has been closed to new replies.

About this Topic