Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #20536

    Hi,

    I want to adjust the text sizes on the website. In the base.css I want to adjust the font from 13px to 15px:

    body {

    font: 13px/1.65em “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;

    color: #444;

    /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */

    -webkit-text-size-adjust: 100%;

    }

    If I do this the Menu and the Twitter stream also gets adjusted and become to big. The menu items do not fit on one row anymore and the twitter stream become to present. How can I change only the font of the blog and portfolio posts and not the rest?

    Thanks.

    Mark

    #108030

    Try adding the following in to your custom.css:

    .entry-content p {
    font: 15px/1.154em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    }

    #108031

    Hi vanrijmenam,

    Try adding the code given by slackbladder in either Quick CSS or custom.css. You might also want to adjust the line-height.

    @slackbladder: Thanks for helping out.

    Regards,

    Ismael

    #108032

    Hi Ismael and Slackbadder,

    Thanks for the comments, much appreciated. This worked!

    Regards,

    Mark

    #108033

    Hi,

    I found that, although it works on normal text, formated text is not included in the larger font. For example when a text contains bullet points it is still 13px: http://www.bigdata-startups.com/big-data-ownership/

    How can I change that as well?

    Thanks!

    Mark

    #108034

    Try:

    .entry-content li {
    font: 15px/1.154em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    }

    #108035

    Hi vanrijmenam,

    Just replace the code slackbladder gave you:

    .entry-content p {
    font: 15px/1.7em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-text-size-adjust: 100%;
    }

    replace it with this code:

    .entry-content p, .entry-content li {
    font: 15px/1.7em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-text-size-adjust: 100%;
    }

    @slackbladder: thanks for helping out again. :)

    Regards,

    Ismael

    #108036

    Hi Ismael and Slackbladder,

    Thanks for the answers, it worked.

    Regards,

    Mark

    #108037

    Glad its working for you now :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Adjusting text sizes’ is closed to new replies.