Border-radius not added to avatar

  • audunmb

    (@audunmb)


    4 months, 2 weeks ago

    It seems like setting border radius for the Avatar block in the template editor has no effect. In the editor it is applied, while on the front end it does nothing and doesn’t show up in the source code either (which other block level settings usually does).

    Same goes for setting a fixed width in the dimensions control (Fit/ Fill /Fixed) which has no effect on this block (neither in editor or front-end).

    Setting the border-radius for the block with custom styles works though.

    Is this a general bug or a theme-specific thing? Or something wrong just on my end?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator jordesign

    (@jordesign)

    4 months, 2 weeks ago

    Hi @audunmb – when I test this in a fresh installation of Twenty Twenty Three I’m not able to recreate the issue. The border radius (and other settings) works as expected.

    This may be a plugin or theme conflict. Could you please attempt to disable all plugins. If the problem goes away, enable them one by one to identify the source of your troubles.

    If you can install plugins, install and activate “Health Check”: https://wordpress.org/plugins/health-check/
    It will add some additional features under the menu item under Tools > Site Health.
    On its troubleshooting tab, you can Enable Troubleshooting Mode. This will disable all plugins, switch to a standard WordPress theme (if available), allow you to turn your plugins on and off and switch between themes, <strong>without affecting normal visitors to your site</strong>. This allows you to test for various compatibility issues.

    There’s a more detailed description about how to use the Health Check plugin and its Troubleshooting Mode at https://make.wordpress.org/support/handbook/appendix/troubleshooting-using-the-health-check/

    Thread Starter audunmb

    (@audunmb)

    4 months, 2 weeks ago

    Yes, it is a plugin conflict with One User Avatar. Not sure what causes it, it’s kind of weird. Something prevents the border-radius to be saved to the template (it doesn’t show up in code view).

    I tried with another plugin for adding profile pictures (Gravatar makes no sense when you have authors, not users), and while it doesn’t cause this error, the avatar block is a mess IMHO. Height and width for the avatar block is set with img attributes instead of css styles, and as the image is forced into a square and any non-square images will be distorted.

    Fixed width doesn’t work as expected in any setting (clean installation, no plugins). It sets flex-basis, but if the image is larger than the flex-basis it has no effect.

    I’ve notified the plugin about the conflict.

    • This reply was modified 4 months, 2 weeks ago by audunmb. Reason: added link to plugin forum
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.