su_plan icons not showing

  • Resolved nrmn

    (@nrmn)


    3 years ago

    Since one of the latest updates the icons of the pricing plans are not displayed anymore.

    I already figured out that there is a aria-label=”” on the element:

    <div class="sue-plan-icon">
<i class="sui sui-tablet" style="font-size:48px;color:#004C82;" aria-label=""></i>
</div>

    Because it is empty by default, nothing is displayed. If i fill it via the inspector with a random value like ‘test’, the icon is displayed again.

    I also found in the functions-html.php that the value for aria-label=”” is defined by $args[‘alt’]

    return '<i class="sui sui-' . trim( str_replace( 'icon:', '', $args['icon'] ) ) . '" style="' . $args['style'] . '" aria-label="' . $args['alt'] . '"></i>';

    but i don’t see where i can set this argument when creating a shortcode. It seems to be always empty regardless of my shortcode settings.

    • This topic was modified 3 years ago by nrmn.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vova

    (@gn_themes)

    Hi @nrmn,

    please see the solution posted here.

    Thread Starter nrmn

    (@nrmn)

    Hey Vova,

    thanks for the answer.

    In the linked Post you suggest clearing/deleting the cache for the page that is affected.

    This does not help. I did that several times before. I also purged the complete cache. Even if i deactivate the caching plugin completely, the icons won’t show.

    I have to clearify:

    Here i talk only about the Icons that are part of the pricing table/plan. The manually inserted icons show up, but not the ones that are part of the pricing table/plan.

    Plugin Author Vova

    (@gn_themes)

    Hi @nrmn,

    the problem is caused by your theme or by a 3rd-party plugin. I’m not sure because all stylesheets on your page are minified and concatenated. But, the problem is one of stylesheets has the following part:

    [aria-label='']:after, [aria-label='']:before, [data-hint='']:after, [data-hint='']:before {
    display:none !important
}

    This code is a bad practice since it affects many elements on the page. It should be removed.

    To fix the issue with plan icons, you can add the following snippet to the Custom CSS code field at the plugin settings page, but I’d recommend to fix the issue described above, because it definitely will break more stuff.

    The snippet:

    .sui[aria-label='']:before { display: inline-block !important; }

    Thread Starter nrmn

    (@nrmn)

    Hey Vova,

    awesome, thanks for the quick reply and the temporary fix. It works =)

    I already found out which plugin is causing the issue by deyctivating minify and checking the css. It is caused by ProfilePress.

    I contacted them via support forum and hope they will fix this with their next update:

    https://www.ads-software.com/support/topic/bad-css-practice-breaks-site/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘su_plan icons not showing’ is closed to new replies.