Chateau Theme Date positioning 'Posted By' positioning

  • Unknown's avatar

    Hi,

    1. Is there a way to move the date below the post title instead of to the left where it currently is in Chateau theme?

    2. Is is possible to the center the title and date instead of having it to the left?

    3. Is it possible to move ‘Posted by’ to the bottom of the post?

    Thanks :-)

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

  • Unknown's avatar

    Hi there,

    1. Is there a way to move the date below the post title instead of to the left where it currently is in Chateau theme?
    2. Is is possible to the center the title and date instead of having it to the left?

    Due to the way the post date is style, and the fact that the day and month/year are in separate divs, this is a little involved. The following also adjusts the width of the content and entry metadata so that it is centered and full width (recovers area where date was). Add the following CSS and see what you think.

    .hentry .post-date {
        position: inherit;
        width: 100%;
    }
    .hentry .post-date * {
        display: inline;
        position: inherit;
    }
    .wf-active .post-date strong {
        font-size: 1.1em;
        letter-spacing: 1px;
        padding-left: 0;
        padding-right: 3px;
    }
    .wf-active .post-date span {
        padding-left: 0;
    }
    .post-title h1 {
        padding-left: 0 !important;
        text-align: center;
    }
    .content .post-entry {
        padding-right: 0;
        width: 100%;
    }
    .content .post-info {
        padding-left: 0;
        padding-right: 0;
    }
  • Unknown's avatar

    Wait, #3 I’ve incorporated into what I had given you above, so use what I have below instead.

    .hentry .post-date {
        position: inherit;
        width: 100%;
    }
    .hentry .post-date * {
        display: inline;
        position: inherit;
    }
    .wf-active .post-date strong {
        font-size: 1.1em;
        letter-spacing: 1px;
        padding-left: 0;
        padding-right: 3px;
    }
    .wf-active .post-date span {
        padding-left: 0;
    }
    .post-title h1 {
        padding-left: 0 !important;
        text-align: center;
    }
    .content .post-entry {
        padding-right: 0;
        width: 100%;
    }
    .content .post-info {
        bottom: 0;
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        width: 100%;
    }
    .post {
        position: relative !important;
    }
    .post-title {
        position: static;
    }
  • The topic ‘Chateau Theme Date positioning 'Posted By' positioning’ is closed to new replies.