Harmonic theme – post titles and body text issues

• 

  mississip · Member · Apr 5, 2015 at 4:05 pm

  • Copy link
  • Add topic to favorites

  Hi. I would like to reduce the size of the post title on the post pages of this site because it’s very large, but the script seems to control all of the text on the page when I do it. Questions:

  1. How do I reduce the post title text on the post pages without affecting the other text on the site?
  2. How do I enlarge or reduce the body of the post text without affecting the other text on the site?
  3. How can I hide the date from the title of the post page?

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

• 

  staff-jeanpierreac · Staff · Apr 6, 2015 at 5:13 am

  • Copy link

  Hi mississip!

  Sorry but I don’t understand what you need. Could you be more explicit? I can not see dates on your titles, nor logt post titles…

  Have a nice day.

• 

  diywptips · Member · Apr 6, 2015 at 12:26 pm

  • Copy link

  1. you should be able to reduce the post title size only by using the selector:

  div#single-titles {
  font-size: 18px;
  }

  for example (or whatever font size you wish)

  2. you should be able to reduce the post title size only by using the selector:

  .entry-content {
  font-size: 16px;
  }

  for example (or whatever font size you wish)

  3. I can’t see any dates on your post titles – have these already been removed?

  Thanks – let me know if those don’t work.

• 

  thesacredpath · Member · Apr 14, 2015 at 7:59 pm

  • Copy link

  @mississip, can you give us a link to the site you are wanting help with? I see one site associated with your username using Harmonic, but it has no posts showing.

  Using the demo site as a guide, to reduce post title (on single post pages) add the following CSS and then edit the font size as desired.

  h1.entry-title {
      font-size: 6.4rem;
  }

  To adjust only the text in the post/page content area, add the following and adjust.

  .entry-content {
      font-size: 1.6rem;
  }

  To hide the date on posts, add the following.

  .entry-date {
      display: none;
  }