Title: cannot read font sizes
Last modified: August 31, 2016

---

# cannot read font sizes

 *  [pendergast](https://wordpress.org/support/users/pendergast/)
 * (@pendergast)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/)
 * I have been using the sydney theme for about two months. Initially no problems,
   but now I have a problem with reading the font sizes in the theme customize –
   fonts submenu. While I can read font types, The size is no longer legible. The
   number is larger than the actual box and therefore ilegible.
 * Quite honestly I don’t know if this happened after the last WP update or the 
   last theme update.
 * I hope you can help me track down and resolve the problem.
 * Thank you in advance.

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [awanrmb](https://wordpress.org/support/users/awanrmb/)
 * (@awanrmb)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283874)
 * Hi, please post the URL of your site
 *  Thread Starter [pendergast](https://wordpress.org/support/users/pendergast/)
 * (@pendergast)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283875)
 * I fortunately still had an older version combination in my local sandbox running
   Wp 4.4.2 and version 1.27 of sydney. Everything is fine in that combination.
 *  Thread Starter [pendergast](https://wordpress.org/support/users/pendergast/)
 * (@pendergast)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283876)
 * site is [http://www.ellenbach.org](http://www.ellenbach.org)
 *  Thread Starter [pendergast](https://wordpress.org/support/users/pendergast/)
 * (@pendergast)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283879)
 * I just set up a perfectly clean Wp 4.5 install with sydney theme 1.26
 * same problem.
 * I then updated Sydney to 1.27 – problem persists.
 * The only two plugins active are Page Builder by SiteOrigin version 2.4.6
    and
   Sydney Toolbox version 1.01
 * It would seem the problem was caused by upgrading from WP4.4.2 to WP 4.5
 * I look forward to your suggestions.
 *  Thread Starter [pendergast](https://wordpress.org/support/users/pendergast/)
 * (@pendergast)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283880)
 * When I compare the box sizes that are supposed to show the font size number I
   find that the boxes have shrunk going from WP4.4.2 to WP4.5 with Sydney version
   1.27
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283910)
 * The problem seems to be that the input fields for type=number have an inline 
   style setting the padding to 10px. Not sure why that was done, as you can see,
   it scrunches down the text.
 * What you can do is highlight & copy the value from the input field and paste 
   it into a text editor so you can read it. Then if you need to change it, type
   in the new value into your text editor and copy & paste it back into the input
   field. Kind of a pain, of course, but it’s a workaround until the developers 
   can figure out what is wrong.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283922)
 * I’ve got a temporary workaround for you that works much better, if you don’t 
   mind working in Chrome.
 * In Chrome, install an extension called User CSS. This allows you to add your 
   own CSS to whatever site you want.
 * Once the extension is installed, open up the Customizer. Then click on the User
   CSS button in the Chrome toolbar. A window will slide out allowing you to add
   CSS for the site you are on. Copy & paste this rule into the window:
 *     ```
       .wp-customizer .customize-control-number input {padding: 0 !important;}
       ```
   
 * Click the User CSS button again to hide the CSS pane, and the font sizes should
   now be legible. The CSS will be saved for the next time you come back to the 
   site. User CSS is a great plugin. I use it a lot for certain news sites which
   seem to use very small font sizes (I have old eyes).
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7283924)
 * OK, now I’m thinking that the intent was probably to put 10px of padding on the
   left & right, but instead of saying `padding: 0 10px;`, they used `padding: 10px`.
   So in your rule for the User CSS plugin, you can actually use `padding: 0 10px!
   important` if you want a little bit of space to the left of the number.
 *  [bpardee](https://wordpress.org/support/users/bpardee/)
 * (@bpardee)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7284106)
 * I was having the same problem. It is definitely because of the upgrade from 4.4.2
   to 4.5. It is caused by the element style on input[“number”].
 * To fix the problem permanently you have to edit the sydney/inc/customizer.php
   file and remove the style off of the input number controls.
 * Remove this line from the 15 input number control items
 *  `'style' => 'margin-bottom: 15px; padding: 10px;',`
 * Here is the first one:
 * BEFORE
 *     ```
       $wp_customize->add_control(
               'wrapper_top_padding',
               array(
                   'label'         => __( 'Page wrapper - top padding', 'sydney' ),
                   'section'       => 'sydney_general',
                   'type'          => 'number',
                   'description'   => __('Top padding for the page wrapper (the space between the header and the page title)', 'sydney'),
                   'priority'      => 10,
                   'input_attrs' => array(
                       'min'   => 0,
                       'max'   => 160,
                       'step'  => 1,
                       'style' => 'margin-bottom: 15px; padding: 10px;',
                   ),
               )
           );
       ```
   
 * AFTER
 *     ```
       $wp_customize->add_control(
               'wrapper_top_padding',
               array(
                   'label'         => __( 'Page wrapper - top padding', 'sydney' ),
                   'section'       => 'sydney_general',
                   'type'          => 'number',
                   'description'   => __('Top padding for the page wrapper (the space between the header and the page title)', 'sydney'),
                   'priority'      => 10,
                   'input_attrs' => array(
                       'min'   => 0,
                       'max'   => 160,
                       'step'  => 1,
   
                   ),
               )
           );
       ```
   
 *  [bpardee](https://wordpress.org/support/users/bpardee/)
 * (@bpardee)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7284107)

Viewing 10 replies - 1 through 10 (of 10 total)

 The topic ‘cannot read font sizes’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.72/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

 * 10 replies
 * 4 participants
 * Last reply from: [bpardee](https://wordpress.org/support/users/bpardee/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/cannot-read-font-sizes/#post-7284107)
 * Status: not resolved