Need help? Check out our Support site, then


font too large on iPad

  1. tangleresearch
    Member

    the font in my blog shows too large on ipad, while they do show perfect in desktop browsers... How can I get it looking smaller on ipad??

    The blog I need help with is tangleresearch.com

    I already had a conversation with one of your happiness engineers who finally referred me to you. You can find that in the link below and I do believe it will clarify some of your initial questions:

    http://en.forums.wordpress.com/topic/font-too-large-on-ipad?replies=7#post-1566338

    I look forward to your news. Thanks!!!!!

    The blog I need help with is tangleresearch.com.

  2. Hi there, add this to your CSS and see how it works. I'm iPad-less at the moment and can't test this, but it should work. It targets any device with a reported width of 768px and height of 1024px (or the other way around). You can adjust the font size as desired.

    @media all and (device-width: 768px) and (device-height: 1024px) {
     .entry-content {
    font-size: 90%;
    }
    }
  3. tangleresearch
    Member

    Hi! thanks for the tip: it actually improved a lot the way I see it in my iPad.

    Now, to match the new font size I tried to adapt the menu size making it smaller, which I succeeded to do by sheer luck I guess, but I would like to also reduce the size of the font of the widget in front page and the footer... also the title of the entries... How should I proceed?

    That would be all if you can help me. Thanks!!!!! Really appreciate your help.

  4. thesacredpath
    Staff

    Hi there, I'm not seeing any sidebar on any of your pages. Did you decide to not have a sidebar?

  5. I would like to also reduce the size of the font of the widget in front page and the footer... also the title of the entries...

    To change the font size for all widgets in the Twenty Twelve theme, add this to your Appearance > Customize > CSS editor:

    .widget-title,
    .widget-area .widget p,
    .widget-area .widget li,
    .widget-area .widget .textwidget {
    	font-size: .8em;
    }

    Adjust the .8em value as needed. To limit the change to the home page, add ".home" to the beginning of each selector.

    To change the font size for post and page titles in the Twenty Twelve theme:

    .entry-header .entry-title {
    	font-size: 1.2em;
    }
  6. tangleresearch
    Member

    Hi! I did decide not to have any side bars, you are right!

    The solution you guys provided for me also works perfect. Now I only need the last piece about how to diminish the size of the site title and tagline on the header, and everything would be just fine...

    Thanks a lot for all your help!

  7. how to diminish the size of the site title and tagline on the header

    You can control the font size for the site title and tagline in the Twenty Twelve theme by adding the following CSS to your Appearance > Customize > CSS editor:

    .site-header h1 {
    	font-size: 2em;
    }
    .site-header h2 {
    	font-size: 1em;
    }

    Adjust the em values as needed.

    You might also like: http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  8. tangleresearch
    Member

    I have everything I need now and in good order: thanks for your really helpful tips!!!!!!!

    Best, ernesto

Topic Closed

This topic has been closed to new replies.

About this Topic