• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Eleven40 reduce font size of all elements

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Eleven40 reduce font size of all elements

This topic is: not resolved

Tagged: reduce font size

  • This topic has 4 replies, 2 voices, and was last updated 8 years, 10 months ago by micki.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 31, 2014 at 2:29 pm #116475
    micki
    Participant

    Hi!

    I'm wondering if there is an easier way to reduce the total font size then to go through and change each element. I would like all font sizes on site to be slightly smaller. Is it possible to do it in the /* Baseline Normalize section? for example, where it says "{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}", could I change this to 80%?

    thanks

    August 1, 2014 at 1:25 am #116541
    Ben @ Inbound Creative
    Member

    Don't edit the baseline normalise section.

    If your font-sizes also have a REM property, you could control it via the body.

    Depending on the theme you are using, it might already have a property and value like this:

    body {
       font-size: 62.5% /* Makes font size default 10px*/
    }

    If so, changing that value would work.

    A situation where I would use this is for responsive design where I want to reduce the text size down across the site when the screen width is under a certain size.


    Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

    August 1, 2014 at 12:16 pm #116585
    micki
    Participant

    Thanks for the reply. I am using Eleen40 and the element font sizes are all in pixels. this is why I was thinking I would have to go through and change all of them and was looking for a work around.

    for example body:

    body {
    background-color: #fff;
    color: #000;
    font-family: 'Lora', serif;
    font-size: 18px;
    line-height: 1.625;
    -webkit-font-smoothing: antialiased;
    }

    August 1, 2014 at 12:32 pm #116587
    Ben @ Inbound Creative
    Member

    Ah, I see. Yeah, I don't think there is a work around in that instance.

    You'll have to edit them manually. You could also use ctrl+f if you're using a Windows PC or cmd+f if you're on a Mac, then search for font-size: to help highlight all the instances of font size, but it's still going to be manual.


    Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

    August 2, 2014 at 10:04 pm #116790
    micki
    Participant

    Ok, thanks, this is what I was afraid of. I find it odd to have a recent theme with so many fonts in pixel size, but then I have not looked at that many. Yep, ctrl F is my friend :). Thanks again for the help!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble