Support » Theme: Tiny Framework » Where to change font sizes for content?

  • Resolved choszt

    (@choszt)


    Hi everyone

    I would like to make the font size of content of pages and post a bit smaller for regular to large computer screens. I am scanning forth and back style.css but cannot figure it out where to do it. Can anyone give me a hint?
    a) for Tiny Framework without child
    b) for Tiny Framework using child

    Thanks in advance!

    choszt

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Tomas Mackevicius

    (@tomasm)

    Look for Tip88. In the first part CSS affects everything and mobile, in the last part 15.x media queries are for the larger screens.

    Hello Tomas personally, thanks for answering!

    I am referring to style.css Version 2.3 in tiny-frames (no child) that has 4700 lines.

    Tip88 appears 4 times at these following lines. The comments next to Tip88 always says its about colour schemes
    1566
    2226
    2378
    2912
    4198
    4360
    Chapter /* 15.0 Media queries starts at line 3982 so I guess you are referring to one of the two last Tip88.
    There, I still can’t identify where that font size is identified.
    I also looked in chapter 11.1 starting at line 2319 with no success.

    Any more hints?

    Theme Author Tomas Mackevicius

    (@tomasm)

    To make theme as simple as possible I tried to unify font sizes by making most of the content 16px (1rem) size. This is set at:

    /* 2.0 Typography
    -------------------------------------------------------------- */
    
    /*  Tip22 - Improve font rendering and fallback in Linux - http://www.onedesigns.com/tutorials/font-families-for-cross-compatible-typography */
    body,
    button,
    input,
    select,
    textarea {
    	color: #222;
    	/* Improving font rendering in Linux, in case default Open Sans font is disabled */
    	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
    	font-size: 16px;
    	font-size: 1rem;
    	line-height: 1.8; /* original: 1.714285714 */
    	text-rendering: optimizeLegibility;
    }

    If you want to target specific entry content, use:

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

    or

    .entry-content p {font-size: 14px;}

    But to solve all similar problems, you have to learn how to use webmaster tools:

    http://mtomas.com/389/tiny-forge-framework-child-themes-comprehensive-guide#Use-web-dev-tools

    • This reply was modified 3 months, 2 weeks ago by  bdbrown.
    • This reply was modified 3 months, 2 weeks ago by  bdbrown. Reason: code fixed on .entry-content lines

    That’s what I was looking for. Thanks a lot for your help!
    choszt

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.