Chateau Theme Date positioning 'Posted By' positioning

• 

  mrsczi · Member · May 27, 2014 at 9:48 am

  • Copy link
  • Add topic to favorites

  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)

• 

  thesacredpath · Member · May 27, 2014 at 6:20 pm

  • Copy link

  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;
  }

• 

  thesacredpath · Member · May 27, 2014 at 6:24 pm

  • Copy link

  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;
  }