Changing the CSS for timestamp location, spacing and colour of separator

• 

  thorayaelrayyes · Member · Dec 24, 2014 at 2:06 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I have made quite a few CSS customizations to my site but there are some I can’t quite figure out using Firebug. I would appreciate it if someone could advise me on the following:

  1) It is possible to make the timestamp appear above the title on blog posts?

  2) How can I change the colour of the separator line between different blog posts?

  3) How can I decrease the empty space between the end of post text and the separator line that is at the bottom of the post?

  Many thanks!
  Thoraya

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

• 

  kathrynwp · Staff · Dec 24, 2014 at 9:09 pm

  • Copy link

  I looked at this site running Hemingway Rewritten: http://thorayaelrayyes.net/

  1) It is possible to make the timestamp appear above the title on blog posts?

  It’s not possible to add a timestamp as that’s not something included in this theme.

  2) How can I change the colour of the separator line between different blog posts?

  3) How can I decrease the empty space between the end of post text and the separator line that is at the bottom of the post?

  This should do it:

  .hentry {
      border-bottom: 4px solid #bb00bb; /* border below posts */
      padding-bottom: 1em; /* padding below posts *
  }

  Change the bb00bb example colour and adjust the padding as you like.

  Just let us know if you have any trouble with it.

• 

  thorayaelrayyes · Member · Dec 25, 2014 at 10:51 am

  • Copy link

  Thanks so much! The code above worked like a charm.

  I think I was not clear regarding my query about the “timestamp”… I actually mean the date stamp, i.e. the date of the posts that shows up at the top of each post (see the “dialogues, interviews” page of the site).

  I would like this date to show up above the post title. Is that possible?

• 

  thesacredpath · Member · Dec 26, 2014 at 9:51 pm

  • Copy link

  Hi there, add the following to the bottom of your existing custom CSS and it will move the date above the post title.

  .post .entry-title {
      padding-top: 50px;
  }
  .post .entry-meta {
      position: absolute;
      top: 0;
  }

• 

  thorayaelrayyes · Member · Dec 27, 2014 at 6:42 am

  • Copy link

  Perfect! Thank you :)

• 

  thesacredpath · Member · Dec 27, 2014 at 8:36 pm

  • Copy link

  You are welcome.