Formatting Questions

  • Unknown's avatar

    Hi All,

    Learned so much from these forms, thanks to all.

    I’m running into an issue that I can’t wrap my head around; Seeing a few possible solutions, but unsure what will truly work.

    When I view my website from my WP dashboard in Chrome, the formatting looks great. However, in other browsers, like Safari or even in an incognito in Chrome, the formatting is completely thrown off. Mobile yields the same results too…formatting is completely thrown off.

    What could be causing this? Is it html-related?

    Thanks in advance!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hello, I checked your site and noticed you need help with your homepage.

    There is a good chance that a caching plugin is causing this issue. If you are using a caching plugin, I recommend regenerating all your CSS/JS code using that plugin. Then, you may try to clear the site cache from the plugin too.

    If you use Jetpack Boost, it should look like this.

    https://jetpack.com/support/jetpack-boost/jetpack-boost-automated-critical-css/#regenerate-critical-css

    If you need any further assistance please let me know. I’d be happy to help.

  • Unknown's avatar

    You can also try clearing your site cache under server settings.

    WP
    Clear Your Site’s Cache
    3 min read
    While troubleshooting an issue, you may be advised to clear your site’s cache. This guide will explain how to clear the cache on your website. This feature is available on sites with the WordPress.com Business and Commerce plans, and the legacy Pro plan. If you have a Business plan, make sure to activate it. For sites on the Free, Personal, and Premium plans, upgrade your plan to access this fe
  • Unknown's avatar

    Thanks @ngfangkiang

    Turns out, it was caused by the WP “Page Optimize” plugin. Deactivating that has fixed the issue…tested across multiple browsers.

    It has, however, seemed to (possibly) create a new issue. Unsure if related. The last image, closest to the bottom of my page, now shows up too small, even after resizing. Do I need to go in and edit the CSS? seems like it’s reverting to a preset sizing parameter?

  • Unknown's avatar

    I looked through your site and did not notice any images that were displayed too small. Can you share a screenshot?

  • Unknown's avatar

    Thanks. Take a look at this screenshot…

    When I demo my post, the last image continues to show up small, no matter the file type, size, etc

  • Unknown's avatar

    Odd, didnt post. Let me try again.

  • Unknown's avatar

    Try changing the image resolution under the image block meta box settings.

  • Unknown's avatar

    Didn’t work, unfortunately. Tried several different resolutions and aspect ratios! Thanks

  • Unknown's avatar

    Can you send me the link to that page?

  • Unknown's avatar

    Yep, np. I’ll add the final image and publish it. Strange it only effects that last image on the page.

    https://bigyums.com/2024/11/15/popeyes-blackened-tenders-recipe/

  • Unknown's avatar

    I think I found the problem. The easiest way to fix this is to create a new image block.

  • Unknown's avatar

    It might be some settings on that image resize. I’m currently using the free version of WordPress, but I can’t access those specific features.

    A bit technical, if you want to know what causes this. I’ll show you the code.

    To fix this, you could try creating a new image block to replace the old one. I think this would work. Let me know if you need further help.

  • Unknown's avatar

    Thanks…Yeah, have tried to put the image (and other images) in other blocks (albeit in the same paragraph where I want that image to stay) and nothing seems to be working.

    It’s odd it only affects that last image and only started once I turned off the WP optimize plugin. Curious to know if the issue replicates when I write a new article.

    Thanks for showing me the code, took a look at the image sizes with the inspect function. I’ll see if I can manipulate it manually there…otherwise, I’m not entirely sure what to do.

    The WP optimize plugin was severely messing up my formatting across my website, so turning that on isn’t an option.

  • Unknown's avatar

    I checked the WP Optimize plugin. It’s very likely that you have enabled the Image Dimensions settings. Try disabling them and see if it works.

    Looking at the source code, there is an extra “auto” on that specific image. That’s why that image size is automatic based on the viewport.

    Other images that don’t have “auto” in the code also load correctly.

    You should contact WP Optimize support to resolve this issue if it still doesn’t work.

  • Unknown's avatar

    Thank you.

    I dont have the WP Optimize plugin installed…I have the WP Page Optimize plugin installed, but have since deactivated it due to the CSS/Cacheing errors it was causing. The submenu you showed above look like they only apply the WP Optimize plugin?

  • Unknown's avatar

    Yes, that is the WP Optimize plugin settings. Do you use any other page optimization plugins on your website as well? This is because it can cause problems when you use two different page optimization plugins that perform similar actions.

  • Unknown's avatar

    I was using an image optimizer called Trellis Images, but have since turned that off and it hasn’t fixed the issue. Not a clue what could be causing this and very odd it just started…other posts are unaffected.

  • Unknown's avatar

    Try disabling plugins one by one. If the plugin is causing the problem and cannot be fixed, you should replace it with an alternative plugin.

  • Unknown's avatar

    Strangely enough, I wrote a new post and the same issue wasn’t replicated! Have you ever seen that behavior before?

  • The topic ‘Formatting Questions’ is closed to new replies.