Expand my Community achievements bar.

Adobe Summit 2025: AEM Session Recordings Are Live! Missed a session or want to revisit your favorites? Watch the latest recordings now.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

Creating Components with Rounded Corners

Avatar

Level 1

It is possible to create text and image components in AEM with rounded corners? I have attached an image as an example.Rounded corners.jpg

1 Accepted Solution

Avatar

Correct answer by
Community Advisor and Adobe Champion

@Pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}

View solution in original post

4 Replies

Avatar

Level 10

Hi @Pantego29 ,

 

You can add custom CSS to get this.

Avatar

Correct answer by
Community Advisor and Adobe Champion

@Pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}

Avatar

Community Advisor

Hi @Pantego29 ,

   Yes,  You can  do using   custom CSS.

Use client library.

Please refer the below link for custom CSS and js.

 

    https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.htm...

Regards,

Sanjay

Avatar

Community Advisor

Hi,

If you are not planning to build a new component, you can use the Core Teaser component with style system and add css mentioned by @BrianKasingli

https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/teaser.html

 

Arun Patidar

AEM LinksLinkedIn