cannot read font sizes

Hi, please post the URL of your site

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.

site is https://www.ellenbach.org

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.

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

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.

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).

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.

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,

            ),
        )
    );