Support » Plugin: Admin Custom Font » Conflict with Astra theme

  • Resolved theinnographer

    (@theinnographer)


    Hi there,

    We’re using the Astra theme.

    Since updates made in the last week (to WordPress to your plugin and to Astra), we’re seeing the following challenge if we set a font size larger than the WordPress default font size in your plugin:

    i.e. Functionality like color pickers are wider than the customizer sidebar and some features can’t be seen or used.

    Problem goes away if we use the WordPress default admin font size.

    Problem wasn’t there a week ago, with Astra and with any admin font size.

    Could you help us with this?

    Thank you!

    Alex.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Darko A7

    (@darko-a7)

    Hi, thanks for the nice video πŸ™‚

    Can you post a link to the Astra theme, does it come free, do they have a demo or something so that I can check?

    Thread Starter theinnographer

    (@theinnographer)

    Hi,

    You bet.

    I just checked and same seems to be happening with the free version of their theme which can be downloaded here by clicking “Download Free Astra Theme”:

    https://wpastra.com/pricing

    Thanks again!

    Alex.

    Plugin Author Darko A7

    (@darko-a7)

    Ok, I’ll assume that this is the one: https://wordpress.org/themes/astra/

    Will report back later.

    Plugin Author Darko A7

    (@darko-a7)

    Oh, we cross posted. Thanks!

    Thread Starter theinnographer

    (@theinnographer)

    That’s the one!

    Plugin Author Darko A7

    (@darko-a7)

    Hi, after investigating the issue, the problem should be resolved on the theme’s customizer CSS endpoint.

    For example:

    
    #customize-control-astra-color-palettes .astra-color-picker-wrap {
        display: block;
        font-size: 13px !important; /* newly added rule */
    }
    
    #customize-control-astra-color-palettes .ast-palette-label-wrap {
        font-size: 13px !important; /* newly added rule */
    
    

    But there are other places, and others dynamically calculated in JavaScript, so those two above are basic fixes that will cover color picker.

    Thing is if I add exception to this theme, I’ll enter infinite wormhole of exceptions to any other theme.

    And if I remove !important declaration to generic div, which is the “cause of the issue”, my plugin won’t change other places in admin dashboard, which will open whole new set of problems, effectively making it pointless.

    The problem is simple to fix by setting !important override on theme’s customizer stylesheet, because it loads AFTER my plugin’s stylesheet.

    Marking as wontfix.

    P.S.
    You are probably unaware, but you can move vertical line between left sidebar (Customizer) and right (Preview) space, to increase the space required for different font scaling and other changes it affects. Position your mouse near the edge of the vertical border line, wait until mouse changes from pointer arrow to left-right arrows symbol, then right-click (+ hold) and drag it to the right to make more space for the sidebar left panel πŸ˜‰

    edit: Sorry, above seems to be WP’s “glitchy” behavior and recalculation of Customizer sidebar while developer window is active in vertical position and I move it around.

    • This reply was modified 4 months, 3 weeks ago by Darko A7.
    Thread Starter theinnographer

    (@theinnographer)

    Hi again,

    Thanks for the quick turnaround on this.

    With your advice we were able to enqueue some styles with a late priority on the customize_controls_enqueue_scripts hook, which seem to have done the trick.

    Cheers,
    Alex.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.