Resize help needed

• 

  martindupuis · Member · Jul 5, 2015 at 4:02 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I have a blog here:

  COMICS REVIEW: THE KILLING JOKE

  and need help to figure out how to change a small element – the circle that shows the date next to the headline is a bit off.

  Is there a way to make the type smaller so that it becomes a perfect circle? Maybe keep number as big, but make date and year smaller?

  Any help will be much appreciated!
  Martin

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

• 

  ehtis · Staff · Jul 6, 2015 at 2:10 am

  • Copy link

  Hi there,

  You can adjust the following two values to give the circle a look of your choice:

  .entry-header .post-date {
    padding: 0.62em 1.05em;
  }

  Previously, the values (which I changed to above) were:
  padding: 0.95em 1.05em;

• 

  martindupuis · Member · Jul 6, 2015 at 3:09 am

  • Copy link

  Hi ehtis – thanks for replying.

  I am terrible at this, so you might to be a bit patient with me.

  I went and clicked in

  1 – LOOK AND FEEL
  2 – CUSTOMIZE
  3 – CSS

  and looked for your:

  .entry-header .post-date {
  padding: 0.62em 1.05em;
  }

  But the only thing I found related to that was:

  .entry-header .entry-meta {
  padding-left: 70px;
  margin-top: -8px;
  }

  Am I at the right place? It seems like the numbers are not the same as the ones you mentioned = padding: 0.95em 1.05em;

  Let me know if I am looking at the right place.

  Many thanks,
  Martin

• 

  ehtis · Staff · Jul 6, 2015 at 3:14 am

  • Copy link

  Not a problem!

  You’re at the right place but the code that I posted above, you have to paste it below the code that’s already present there. Below the last closing brace which is: `margin-top: -8px;
  }`

  Don’t remove the existing code.