[resolved] Font size issues (12 posts)

  1. meanderish
    Posted 1 year ago #


    I've just started using Hemingway and for the life of me I cannot get the font size on the post headings or on the posts themselves to be smaller. I read another post about this and I tried changing the font-size: 2.5em to something smaller, to no effect.

    .post-title {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 15px;
    font-family: 'Lato', sans-serif;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

    For the posts themselves, I tried changing .post-content { font-size: 1.075em; } to something smaller as well, also with no success.


  2. meanderish
    Posted 1 year ago #

    It also will not let me change fonts, despite placing changes in the appropriate spots.

  3. stephencottontail
    Posted 1 year ago #

    Can you post a link to your website?

  4. meanderish
    Posted 1 year ago #

  5. stephencottontail
    Posted 1 year ago #

    When I look at your site (4pm, Mountain time zone), I see your blog with the font size changes you were trying to make. In the future, when dealing with CSS changes, you may not see your changes unless you force-refresh your browser (check your browser's documentation) or temporarily disable any caching plugin you may be using.

  6. meanderish
    Posted 1 year ago #

    Well, I finally managed to get the post font size down because I was fiddling with TinyMCE advanced, which allows font changes from the visual editor. I still can't get the headers for each post to be any smaller, even though I believe I was refreshing everything properly.

  7. stephencottontail
    Posted 1 year ago #

    If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and try:

    .post-title {
    font-size: 2em;
    font-family: Times;
    .post-content {
    font-size: 1em;
    font-family: Times;

    Substitute whatever values you'd like to use.

  8. meanderish
    Posted 1 year ago #

    I installed a custom css plugin, but it still didn't work. I substituted smaller values and I still have the same huge post headings. I have no idea what's going on...

  9. meanderish
    Posted 1 year ago #

    Okay - I figured out that it was a cache issue with my host, so totally a my-end issue.

    The only other thing I was wondering...is there any way to get rid of just the Author meta info on the byline for each post? I've been surfing the css and I can't figure out where to change it in hemingway. I don't need it to say that I'm positing for every post...its obvious since it's my blog. Thoughts?

  10. kevinleeme
    Posted 1 year ago #

    Hi, I've browsed all the forum topics relating to font-size and I've tried everything and my font size is still not changing for my single post content.

    /* 7. Post content
    .post-content { font-size: 0.75em; }

    I changed section 7's font-size but haven't seen any changes even after clearing cache or trying on other browsers.

    I also tried changing the post-content with different header formats.

    .post-content h1 { font-size: 1.75em; font-weight: 700; }
    .post-content h2 { font-size: 1.5em; font-weight: 700; }
    .post-content h3 { font-size: 1.25em; font-weight: 700; }
    .post-content h4 { font-size: 1.0em; }
    .post-content h5 { font-size: 0.75em; }

    Lastly, I've tried changing post title's to be smaller as well:

    /* Post header --------------------------------------- */
    .post-header { margin-bottom: 6%; }
    .post-title { font-size: 1.5em;

    Can you please help me figure out what's wrong? The website is at http://www.productmanagerhq.com

  11. Anders Noren
    Theme Author

    Posted 1 year ago #


    To change the font-size of the entire post content section, install a custom CSS plugin (like the one Stephen recommended) and enter the following CSS code:

    .post-content { font-size: 1em; }

    That will decrease the font size of the entire post content section, the change the font size of a single element, like the post title, enter the following code:

    .post-title { font-size: 2em; }

    If you've followed the instructions above, the font size should be changed.


    For a simple CSS solution, enter the following code:

    .post-meta .post-author,
    .post-meta .sep:nth-of-type(2) {
       display: none;

    That should hide the post-author tag on all posts. Let me know of it works out.

    - Anders

  12. kevinleeme
    Posted 1 year ago #

    Thanks Anders; that worked perfectly!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.