[Resolved] rounded corners for pictures

Home Forums Support [Resolved] rounded corners for pictures

Home Forums Support rounded corners for pictures

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2351035
    Sebastian

    Hello,

    I have created a header for blog posts. I have inserted a header here and below it the Gutenberg block “post image”. I want this post image to have rounded corners. How can I configure this via CSS?

    Thanks a lot

    #2351038
    Sebastian

    Thanks

    #2351039
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the page in question?

    You can use the private information field:
    https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    Let me know 🙂

    #2351213
    Sebastian

    Hey, of course…

    #2351236
    Fernando
    Customer Support

    Hi Sebastian,

    You can try using a GB Image Block instead, and then through the Block settings, make the borders rounded by altering the border-radius: https://docs.generateblocks.com/article/image-overview/#border-radius

    If you want to do it through code, add my-image to the class list of the Container Block holding the image, then add this CSS in Additional CSS:

    .gb-container.my-image > .gb-inside-container figure img {
        border-radius: 135px;
    }
    #2351238
    Sebastian

    The image unfortunately does not take on any effects or radius when set as Dynamic Data. The code does not work, too.

    #2351240
    Fernando
    Customer Support

    Try this:

    .my-image img {
        border-radius: 20px;
    }
    #2351241
    Sebastian

    Awesome, thanks a lot!

    #2351244
    Fernando
    Customer Support

    You’re welcome Sebastian!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.