ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Joyn
• March 26, 2017 at 9:35 pm #318515
  dsimpz

  Member

  Post count: 20

  Hello,

  I would like to change the ‘Posts’ display font on my homepage. Right now the title is coming through as an H1. I would like to display it as an H2 or H3. I’m not seeing this in the settings anywhere, so I’m assuming custom CSS is needed.

  Also, I removed the author using custom CSS. However, this has moved the date down to where the author was, and the space now showing is unnecessary.

  Any CSS codes to make the changes needed? Please advise. Thanks!

  Attachments:

  You must be logged in to view attached files.
  March 27, 2017 at 10:32 am #318543
  David Martin – Support

  Moderator

  Post count: 20834

  1) It is <h3>. You can use this CSS to alter the font:

  .posts-type-bold .recent-post .details-wrap h3 {
      
  }

  2) To move the date up, you can use this:

  .posts-type-bold .recent-post .post-item-details {
      bottom: 50px;
  }

  March 27, 2017 at 5:42 pm #318653
  dsimpz

  Member

  Post count: 20

  Hey David –

  The first code you sent over doesn’t appear to be working. I tried updating it to H5 instead and it remained the same. Anything else you recommend?

  The CSS code for the date worked beautifully. Thanks a lot!

  dsimpz

  March 27, 2017 at 5:49 pm #318658
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide us some admin credentials in a private so we can have a look?
  What font do you want to use?

  -Rui

  March 27, 2017 at 6:15 pm #318666
  dsimpz

  Member

  Post count: 20

  This reply has been marked as private.
  March 27, 2017 at 6:23 pm #318669
  David Martin – Support

  Moderator

  Post count: 20834

  1) I think you may have misunderstood, you would use this CSS to add your own font styles to. Here is an example of a smaller font and a lighter weight:

  .posts-type-bold .recent-post .details-wrap h3 {
      font-size: 14px;
      font-weight: 400;
  }

  March 28, 2017 at 2:19 am #318715
  dsimpz

  Member

  Post count: 20

  AH, gotcha! Looks much better. Thanks!

  March 28, 2017 at 10:48 am #318753
  David Martin – Support

  Moderator

  Post count: 20834

  Glad to help you out!

  If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

• Back to forum

  Posted in: Joyn