Okay
  Public Ticket #2624397
Blog post page formatting
Closed

Comments

  •  2
    tallpainter started the conversation

    Hello, 

    I'd like to make a few changes to the formatting that aren't in the blog settings/single page options. 

    • I'd like to add a buffer to the top, so the title of the post doesn't sit right at the border between the body and header.
    • I'd like to eliminate the little calendar symbol, change the date format to [month day, year] and include the post time after the date.
    • And then oddly, my next and previous buttons seem to be reversed, with the next pointing to the left and previous to the right. Can I switch those?

    Thanks very much,

    Jennifer

  • [deleted] replied

    Hi Jennifer,

    1— Please just add this CSS code to your Custom CSS area:

    .header-block, .site-header--static-header-type {
    margin-bottom: 30px;
    }

    2— You can change this by navigating to WordPress dashboard > Settings > General > Date Format.

    3— That is the logic that WordPress works and we can't change that.

    Have a nice day!

  •  2
    tallpainter replied

    1 - Perfect. Thanks!

    2 - I was able to set the format there, which is great, but I cannot find where there's an option to show the post time (not just date) or eliminate the little calendar symbol. Is there a way to do those two?

    3 - I'm sorry to hear that but definitely understand.

    Thanks for your help!

  • [deleted] replied

    Hi tallpainter,

    2— Maybe that option is not available on WordPress.

    To hide the icon you just add this CSS code to your Custom CSS area:

    .single-post .post .post-meta i {
    display: none;
    }

    Have a nice day!

  •  2
    tallpainter replied

    2 - I think it is - or at least it's on my current blog posts - but I'm really not that attached to doing that if it's difficult.

    And thanks very much for the code!

    One related question: I'm trying a new font and it's making the date for the blog posts look very small. My attempt to just put in custom CSS for .entry date failed. What do I use to increase the size of the font for the blog post dates?

    Best,

    J

  •  2
    tallpainter replied

    Never mind! I just got it. I used this:

    div.post-meta.date.updated.published {
    font-size: 19px !important;
    }

    Thanks again, and stay safe out there,

    Jennifer

  • [deleted] replied

    Happy to hear that Jennifersmile.png

    Have a great Friday and a nice weekend!

    I Will set this ticket as solved from here.