[um_loggedin] Shortcode causing conflict with Gamipress Dial Styles

Previously, this code worked fine on our site to display a progress dial in our header for logged in users:

[um_loggedin show_lock="no"]
<div class="gamipress-header-progress">
[gamipress_progress from="current_rank" rank_type="level"]
[gamipress_user_points label="yes" type="wip" inline="yes"]
</div>
[/um_loggedin]

The blue progress dial around the percentage text (e.g. 90%) would show as displayed in the below code:

<div class="gamipress-progress-radial-bar" style="background-image: linear-gradient(10.8deg, #0098d7 50%, transparent 50%, transparent), linear-gradient(270deg, #0098d7 50%, #eeeeee 50%, #eeeeee); width: 100px; height: 100px;">

<div class="gamipress-progress-radial-bar-overlay" style="background-color: #fff;">
<div style="display: inline; color: #000;">78%</div>
</div>

</div>

We aren’t sure if it was an Ultimate Member update, a Gamipress update, or both, but this same code no longer displays the progress dial, and we aren’t sure when it broke. We are running the latest versions of each plugin. The exact same code with all plugins updated currently displays the percentage text, but now there is no blue progress circular dial around the text. The HTML element is now this [note the lack of the circular progress dial styles]:

<div class="gamipress-progress-radial-bar" style="width: 100px;height: 100px">

<div class="gamipress-progress-radial-bar-overlay" style="background-color: #fff">
<div style="color: #000">78%</div>
</div>

</div>

However, removing the outer wrapper of UM shortcode – e.g. if we delete the [um_loggedin show_lock=”no”] – then displays the progress dial again. So this code displays the dial fine – and it seems to be the outer UM shortcode that causes the progress dial to not display:

<div class="gamipress-header-progress">
[gamipress_progress from="current_rank" rank_type="level"]
[gamipress_user_points label="yes" type="wip" inline="yes"]
</div>

So it seems that the Gamipress progress isn’t working when rendered within an Ultimate Member shortcode.

• This topic was modified 1 month ago by brianbelley.