Title: Border radius image
Last modified: December 2, 2025

---

# Border radius image

 *  Resolved [Bas](https://wordpress.org/support/users/basz85/)
 * (@basz85)
 * [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/)
 * Hi,
 * I’m using the latest version of GeneratePress, with the following plugins: **
   GenerateBlocks** and **Getwid**. Just the Block Editor (Gutenberg) as Site Editor
   and plain pages (**no** templates of GP theme) for a client/costumer. PHP version:
   8.3 | Latest version of WordPress
 * At this point I am happy with the results. I have added in the Extra CSS (trough
   Costumizer) and add CSS code, because I use border radius for the images (so 
   it’s less sharp at the corners and looks more friendly) — I did this to search(
   Right mousebutton and click on Inspect Element) the correct selector/source of
   the image – with Firefox. Apparently, when I saw in CSS it was ‘wp-block-image’
   as selector on the page; I start modifying in Extra CSS. The CSS below I am using
   and modified it (with border-radius).
 *     ```wp-block-code
       .wp-block-image img {  box-sizing: border-box;  height: auto;  max-width: 100%;  vertical-align: bottom;  border-radius: 10px 10px 10px 10px; !important;}
       ```
   
 * After that I went to the page that I add ‘wp-block-image’ via **Advanced** ->**
   Extra CSS classes**. The corners went less sharp, but I saw in the bottom right
   corner a bit white background of the image.
 * I think I miss something in the CSS above? How can I make that little white background
   at the corners go away?
 * I am using a container and **in** the container I am using two columns of Block
   Editor itself, with an background color. On the left side there’s text and on
   the right side there is an image.
 * Due GDPR reasons (and the site is in development locally): I cannot share the
   link.
 * Thanks!
 * Kind regards, Bas

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [ying](https://wordpress.org/support/users/yingscarlett/)
 * (@yingscarlett)
 * [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/#post-18739812)
 * Hi there,
 * I can not tell the cause without seeing the issue on the site.
 * Let me know when the site is online, so you can attach the page in question.
 *  Thread Starter [Bas](https://wordpress.org/support/users/basz85/)
 * (@basz85)
 * [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/#post-18742385)
 * Hi ying,
 * Thanks for your reply!
 * I cannot share the link due GDPR reasons (cause this forums is public) and at
   this moment the site is in staging.
 * Kind regards, Bas
 *  [Alvind](https://wordpress.org/support/users/alvindcaesar/)
 * (@alvindcaesar)
 * [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/#post-18742714)
 * Hi Bas,
 * Since we’re unable to inspect the site directly, I’m afraid we’re unable to assist
   further at this time.
 * If you can replicate the issue using dummy data that doesn’t involve sensitive
   information, please let us know so we can take a closer look.
 *  Thread Starter [Bas](https://wordpress.org/support/users/basz85/)
 * (@basz85)
 * [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/#post-18743845)
 * Hi Alvind,
 * Thanks for your reply. No worries – the issue was in the Image of the Block Editor(
   Gutenberg) – **wp-block-image**. I used the image block from GenerateBlocks plugin,
   the issue wasn’t there with the border radius (with a little white in the corners
   of the image).
 * It’s now so much better. Thanks for any suggestions for the near future.
 * Border-Radius corner of the image issue has been resolved by using GenerateBlocks
   plugin. 🙂
 * Kind regards, Bas
 *  [Alvind](https://wordpress.org/support/users/alvindcaesar/)
 * (@alvindcaesar)
 * [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/#post-18746496)
 * Glad to hear that, Bas!

Viewing 5 replies - 1 through 5 (of 5 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fborder-radius-image%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

## Tags

 * [border-radius](https://wordpress.org/support/topic-tag/border-radius/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Extra CSS](https://wordpress.org/support/topic-tag/extra-css/)

 * 5 replies
 * 3 participants
 * Last reply from: [Alvind](https://wordpress.org/support/users/alvindcaesar/)
 * Last activity: [5 months, 1 week ago](https://wordpress.org/support/topic/border-radius-image/#post-18746496)
 * Status: resolved