Notification Feature

Hey there, would you be able to email the original page content that you had before you upgraded to version 2? Please send the email to [email protected]

Perhaps we can fix this so that you won’t have to redo any blocks.

We tried recreating the notification blocks you have here, and so far they’re migrating properly.

This is the block that what we think you have in your content:

<!-- wp:ugb/notification {"color":"#8ed1fc","textColor":"#313131"} -->
<div class="wp-block-ugb-notification ugb-notification ugb-notification--type-success" style="background-color:#8ed1fc;color:#313131"><p style="color:#313131"><strong>Why is everything sponsored?</strong><br>You’ll notice that a lot of things are sponsored in Courmayeur. From Bar Le Dahu being sponsored by Kia to the lifts sponsored by Emporio Armani, the speed trackers sponsored by BMW, and lounges sponsored by Audemars Piguet. Since Courmayeur is a ritzy area, there is always something going on from a brand perspective. </p></div>
<!-- /wp:ugb/notification -->

This migrated properly.

We found the notifications in your site to have a data-carousel-extra attribute though. Not sure where this attribute comes from, I imagine this is added in dynamically in the frontend. If that’s right then it shouldn’t have a problem.

It looks fixed now, but yesterday night it was all wonky. I added some of my own personal css to “fix” the issue temporarily though so that may be why. I have a post going live on Saturday so I can screenshot and send it to you then and we can see if the issue is still occurring. Stay tuned!

Thanks for getting back to this. What CSS did you add to fix your issue?

For your post that uses notification blocks though, they won’t be affected with the original problem you had since the new ones will be created using the new updated (v2) blocks already. That’s unless this new post for Saturday was created back when you haven’t upgraded back to version 2.

If you wrote your article back when you were still in version 1, I would love to see the actual content code so that we can see the problem for ourselves. (While in the block editor, click on the “3 dots” button on the upper right corner of the page then select “Code editor” to view the page content code)

So this article went live today. You can see that my CSS is helping solve the issue, this is the CSS I added:
.ugb-notification {
background-color: #aed6ee;
}

.ugb-notification.ugb-notification–type-info {
background-color: #aed6ee;
}

But the notification is still displaying incorrectly. Look at the height/padding above and below the text. It’s huge, but that’s not how I set it and that’s not what the preview looks like. It just looks that wide when published and the colors are only correct because of my CSS: https://www.svadore.com/best-things-do-courmayeur-winter/.

I just fixed it by adjusting the CSS padding, but again that is just a temporary fix. My CSS to fix it:

.ugb-notification {
background-color: #aed6ee;
padding: 10px 17.5px;
}

It was originally 35px 17.5px, but that’s not what I was told I would get in the preview.

I think I know what’s going on here. The CSS being loaded in the frontend is still the v1 one even if you have v2 installed. I just checked the stylesheet loaded in your site and it indeed looks like the old one.

I’ve updated our v2 upgrading troubleshooting guide. Please see the first issue here: https://wpstackable.com/blog/troubleshooting-after-upgrading-to-version-2/

Resolving because of inactivity. Please re-open again if needed.