Font sizes and stretching text correctly

  • I’ve been working away on this site basically fumbling my way through things as I go and this is the result so far:

    https://www.nes-bit.com/

    However I’ve got a couple a problems…

    1. Using the full width of the screen to display text (particularly text that small) doesn’t lend itself to readability everything stretches across the whole screen. I had a look in the editor of WordPress to try and change the font size but not sure which section I should be changing I thought this was the right bit in the stylesheet but changing the numbers does nothing:

    .wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

    Could someone please give me a nudge of where to go?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    I am sure where you want to change (incease the size?) the font.

    Assuming you want to change the font of text in the body, then find this CSS element:

    p {

    and add this property to it:

    font-size:15px;

    of course, change the font size to your liking.

    Thread Starter Lorfarius

    (@lorfarius)

    All I have on my stylesheet is this, can’t see the adding p section:

    /* Default Stylesheet */
    @import url(‘css/default.css’);
    /* User Override Stylesheet */
    @import url(‘user.css’);

    /* Trick the WordPress Theme Bot *Evil* */
    .aligncenter { display: block; margin: 0 auto; }
    .alignright { float: right; margin: 0 0 1em 1em; }
    .alignleft { float: left; margin: 0 1em 1em 0; }
    .floatleft { float: left; }
    .floatright { float: right; }
    img.aligncenter, img.alignright, img.alignleft { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px; }

    .textcenter { text-align: center; }
    .textright { text-align: right; }
    .textleft { text-align: left; }

    .wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
    .wp-caption img { margin: 0; padding: 0; border: none }
    .wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

    Moderator t-p

    (@t-p)

    try adding at the bottom of css file, and see if you like the results:

    p {
font-size:15px;
}
    Thread Starter Lorfarius

    (@lorfarius)

    Just added it and tried changing it to 25px but nothing happens ??

    Moderator t-p

    (@t-p)

    I just tested again with 25px. It works for me.

    -Try clearing cache in your browser before viewing the updated page? To clear cache in your browser, press clrl+f5 keys simultaneously. Try different computer/different browser.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font sizes and stretching text correctly’ is closed to new replies.