WordPress.org

Support

Support » Themes and Templates » [Resolved] Font size issues

[Resolved] Font size issues

  • Hi!

    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.

    Help??

Viewing 11 replies - 1 through 11 (of 11 total)
  • It also will not let me change fonts, despite placing changes in the appropriate spots.

    Moderator stephencottontail

    @stephencottontail

    Can you post a link to your website?

    Moderator stephencottontail

    @stephencottontail

    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.

    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.

    Moderator stephencottontail

    @stephencottontail

    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.

    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…

    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?

    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

    Theme Author Anders Noren

    @anlino

    @kevin

    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.

    @meanderish

    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

    Thanks Anders; that worked perfectly!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Font size issues’ is closed to new replies.