Weird things happening with media
This has been happening for a while on the backend, but now it's starting to affect the frontend.
When I'm creating a template in Brizy Builder, any media that's uploaded to the WordPress Media Library for use in the template appears to have weird padding/margins, specifically on the top edge of the image. Instead of showing the dimensions of the image as it actually exists, there seems to be a bunch of extra space above the image. However, this only occurs inside of Brizy Builder and on Brizy templates. If I go to the WordPress dashboard and access the Media Library from there, all the media appears normally as it should.
Here's what I mean...
In Brizy Builder, uploaded media has a large amount of padding or margins on the top, as shown below:
The images above show that ALL media has extra padding/margins on top.
However, if I go to the default WordPress Media Library, the media does NOT have this padding/margins and, instead, appears normally, as shown here:
Initially, this extra padding/margins wasn't reflected on the frontend, but I'm noticing situations where the padding/margins DO, in fact, affect the frontend.
For example, the logo on the navigation bar appears normally on most pages, including the Blog page, like this:
However, if you click onto any blog posts, including this one, the padding/margins on media causes the logo in the navigation bar to almost disappear, like this:
Please advise!
-
Hi Dane,
Your front end appears unaffected to me; this is how it appears at my end. https://jmp.sh/uuIxODi
We are sorry to hear about the issue you are facing with the images. Can you please try these?
- Can you try disabling Wp Smush and see if the issue disappears?
- These themes work well with Brizy. brizy.io/theme-partners. If you are not already using one of these, please try changing to Blocksy or another theme from this list and see if that helps.
0 -
The blog page you were looking at does actually appear normally. It's all the actual blog posts, like this one, where the logo in the navigation bar has the extra space above it.
I have disabled Smush and it seems nothing has changed.
Also, we have already been using Page Builder Framework. I use that on all my Brizy sites.
Thanks in advance for your continued help.
0 -
Hi Dane
To assist you further, we will need to take a look at your WordPress Dashboard.
If you need help with troubleshooting, please add me as a user to your WordPress Dashboard. My email: kc.george@brizy.io. Please enable the option "Send the new user an email about their account" as in this screenshot https://jmp.sh/tSRznJX
Once you have sent me an invitation, please let me know here.
0 -
You've been added.
0 -
Hi Dane,
I have implemented a work around to fix the visibility issue of your logo on your blogposts. I selected the Original size for your logo image and adjusted some paddings.
We are still looking into the cause for inappropriate display of images in Brizy templates. (If you develop a regular Brizy page, this issues does not occur)
0 -
Hi Dane,
The issue appears theme incompatibility. When I changed from Pagebuilder Framework to Blocksy theme, the issue is resolved. When you open the Media Library from within Brizy, the images do not have a top padding now. Please take a look.
0 -
That's really strange though. Because isn't Pagebuilder Framework one of the themes that's supposed to work well with Brizy? I use PBF on every site I create using Brizy and have never run into this issue before.
0 -
Also, I'm still seeing extra space above the logo on blog posts.
Previously, the unnecessary padding/margin would cause the logo to get cropped out. This time, the logo is showing, but because of the padding/margin, it's creating extra space above the logo that increases the height of the navbar.
Image: How the header should look on top; how the header looks on blog posts on the bottom.
0 -
Hi Dane,
If it is still happening, we cannot confirm that the theme incompatibility was the cause behind the problem. I have temporarily fixed the padding issue by adding negative margins.
We need more time to observe and come to a conclusion regarding the root cause behind the issue. It appears that progressively the image padding keeps increasing. As an experiment, can we keep few plugins deactivated for sometime to see if the progressive decline continues or stops.
- Beehive Pro
- Defender Pro
- Forminator Pro
- Hummingbird Pro
- Hustle Pro
- SmartCrawl Pro
- Smush Pro
If any of these plugins are essential to your website, feel free to activate it. Otherwise please keep these deactivated. Let's observe and and see if the padding issue gets worse in a week.
0 -
I'm still seeing the extra space above the logo on the navbar on blog posts.
Edit: I cleared my browser cache and now the logo appears normally on blog posts.
Of those plugins, the only one I really need to keep active is SmartCrawl. The rest we can leave off.
0 -
Hi Dane,
For the experiment, if you can keep the SmartCrawl deactivated for 5 more days that would be good. Can we activate this plugin it on 15th May? Once you activate the SmartCrawl we will observer for one more week and check if the padding increases automatically.
0 -
Why does it need to be off for five days? That's quite a long time to be treading water...
I've already turned SmartCrawl back on because we need it for SEO.
Also, we're getting some rendering issues for the navbar on mobile. On pages, the logo is cut off at the top of the screen and then there's a bunch of extra space below the navbar. On posts, the navbar is repeated several times.
0 -
Hi Dane
On blogposts, the header was repeated several times. I have deleted additional headers and now the blogposts look fine.
Because of extremely slow server speed, and the server not responding always, each click takes five minutes. Hence it has been hard to implement the changes. After spending two hours, I could no still fix the other errors.
If you do something on your website and leave it for few days, the quality of the pages appear to drop by itself without any external trigger. As time elapses, something progressively declines on your website. This is the issue with your website and this issue is relatively harder to troubleshoot. Here is a possible troubleshooting approach we can adopt
- Identify possible causes for this issue
- Inactivate those causes for a period of time
- Check if the progressive decline of quality continues or stops
We need to repeat these three steps multiple times until we find the root cause. As part of this process, I had suggested to deactivate few plugins to check if your website would stop experiencing progressive decline of quality.
0 -
I understand what you mean. The website does appear to be very slow right now. We're only using like 5% of our server CPU and like 2% of the SSD storage; do you have any idea why this would be happening?
I have deactivated all plugins that we can do without for a week or so. Currently, the plugins we need to keep are: Brizy, Brizy Pro, Blocksy Companion, Insert Headers and Footers, Reading Time WP, Replybox, Site Kit by Google, and Zoho Forms.
I turned off my caching plugin (Litespeed Cache) and it looks like while the logo is normal on blog posts, it's positioned too high on all other pages.
0 -
Hi Dane,
Thank you for your details.
I'm taking this issue under inspection.
We will look into it asap.
Regards, Natalia
0 -
Great, thank you.
Hopefully, we can get this fixed very soon. Plugins have been turned off for about five days now.
0 -
Any updates or progress here? We really need to be able to turn on our plugins and have our logo rendered correctly in the navbar. It's very important for our business.
0 -
Hi Dane,
Apologies for this late reply.
Please, enable back all your plugins.
Regards, Natalia
0 -
this is happening for a bunch of our clients as well... all of the sudden, none of their saved or global blocks load https://tppr.me/MwCLr
0 -
Hi,
We would like to take a look at your WordPress Dashboard to help fix this issue. I have converted this to a private ticket. Your ticket number is 17673. Please look for an email from support@brizy.io and provide your WordPress credentials and we will take a look at your website.
0 -
KC George, are you speaking to me or Never Settle?
0 -
Hi Dane
Sorry; that was meant for Never Settle
0 -
So are we still waiting on a solution for my problem or are there steps I need to take?
0 -
Hi Dane,
Natalia has escalated this issue to one of our developers. The issue is not yet fully resolved. We will get back to you when we have a solution from the developer.
0 -
Any news here?
You fixed the issue where our logo wasn't displaying correctly in the navbar on blog posts, so that part is good. However, since your fix, our logo is now displayed incorrectly on every other page.
I'm not sure what change(s) you made so that our logo shows correctly on blog posts, but is there some sort of change you can make to undo those changes on pages while keeping the changes on posts?
In other words, keep the code you added, but change it so that it continues to work on posts but NOT on pages.
0 -
Hi Dane,
I have fixed the error on your pages. Now on the blog pages and the other pages, the logo looks fine. I hope it stays like this over time
0 -
Lol now the logo looks fine, but on the homepage only the global blocks are showing... Any idea how to fix that?
0 -
Hi Dane,
I looked at your website. The blocks in between the header and footer appears missing in the editor as well. This looks like a data loss to me. Those blocks were probably deleted by mistake.
Here are the options you have to restore the homepage
- If you have a backup from the past one week, please see if you can restore the website from the backup.
- If you have your homepage design available in saved blocks/ layouts please try to recreate the homepage design from the saved blocks/layouts.
- If you don't have both, you may have to recreate the homepage from scratch.
0 -
If you go to Brizy > Templates > Home, my design for the home page still shows up in the Brizy Page Builder. But those blocks aren't showing on the front end.
0 -
Hi Dane,
I have recreated your homepage from your template. If you need to make changes to your homepage, please make the changes directly in the page (and not in the homepage template). The best practice for developing regular pages is to develop the page directly in Brizy without using page templates.
0
Please sign in to leave a comment.
Comments
32 comments